#3A64C2 Color

Color Information

HEX#3A64C2
RGB58, 100, 194
HSL221° , 54% , 49%
HSV221° , 70% , 76%
CMYK70%, 48%, 0%, 24%

Lighter Shades

#5277C9 #6989D1 #819CD8 #99AEDF #B0C1E7 #C8D4EE

Darker Shades

#3358AB #2C4C93 #25407C #1E3465 #17284E #101C36

Complementary Palette

#3256A7 #3A64C2 #A58131 #C09639 #C9A555 #567ACB

Analogous Palette

#4B8C9B #5298A7 #375EB6 #3A64C2 #6252A7 #6F61AE

Triadic Palette

#3358AB #3A64C2 #CD2D60 #D34673 #60CD2D #54B428

Split Complementary Palette

#345AAF #3A64C2 #C05239 #C6634D #A8C039 #97AD33

Square Palette

#3154A3 #3A64C2 #B446A0 #B49146 #39C052 #59CA6E

Tetradic Palette

#30529F #3A64C2 #9E23D7 #C09639 #5CD723 #79DE4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A64C2 contains 58 red, 100 green, and 194 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1