#3A70C2 Color

Color Information

HEX#3A70C2
RGB58, 112, 194
HSL216° , 54% , 49%
HSV216° , 70% , 76%
CMYK70%, 42%, 0%, 24%

Lighter Shades

#5281C9 #6992D1 #81A3D8 #99B5DF #B0C6E7 #C8D7EE

Darker Shades

#3363AB #2C5593 #25487C #1E3A65 #172D4E #101F36

Complementary Palette

#3260A7 #3A70C2 #A57731 #C08A39 #C99A55 #5684CB

Analogous Palette

#4B939B #529FA7 #3769B6 #3A70C2 #5B52A7 #6861AE

Triadic Palette

#3363AB #3A70C2 #CD2D6D #D3467F #6DCD2D #60B428

Split Complementary Palette

#3465AF #3A70C2 #C04739 #C6594D #B3C039 #A1AD33

Square Palette

#315EA3 #3A70C2 #B446A9 #B48846 #39C047 #59CA64

Tetradic Palette

#305C9F #3A70C2 #8F23D7 #C08A39 #6BD723 #86DE4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A70C2 contains 58 red, 112 green, and 194 blue.

Contrast Ratio: 4.89:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 4.3:1