#3C68A2 Color

Color Information

HEX#3C68A2
RGB60, 104, 162
HSL214° , 46% , 44%
HSV214° , 63% , 64%
CMYK63%, 36%, 0%, 36%

Lighter Shades

#537AAD #6B8CB8 #829EC3 #9AB0CF #B1C3DA #C8D5E5

Darker Shades

#355C8F #2E4F7B #264368 #1F3654 #182A41 #111D2D

Complementary Palette

#34598B #3C68A2 #8D6634 #A4773D #B18A58 #577DAF

Analogous Palette

#4D8084 #53898D #386298 #3C68A2 #56538D #696693

Triadic Palette

#355C8F #3C68A2 #AF3168 #B94A7A #68AF31 #5C9A2B

Split Complementary Palette

#365E92 #3C68A2 #A4433D #AD5650 #9DA43D #8D9437

Square Palette

#325788 #3C68A2 #994893 #997648 #3DA443 #5CB361

Tetradic Palette

#315585 #3C68A2 #7A28B8 #A4773D #67B828 #82C54F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C68A2 contains 60 red, 104 green, and 162 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1