#3C66C4 Color

Color Information

HEX#3C66C4
RGB60, 102, 196
HSL221° , 54% , 50%
HSV221° , 69% , 77%
CMYK69%, 48%, 0%, 23%

Lighter Shades

#5378CB #6B8BD2 #829DD9 #9AAFE0 #B1C2E7 #C8D4EE

Darker Shades

#355AAC #2E4E95 #26417D #1F3566 #18294E #111D37

Complementary Palette

#3458A9 #3C66C4 #A98433 #C4993B #CCA756 #577BCC

Analogous Palette

#4D8F9D #549BAB #3860B8 #3C66C4 #6454AB #7062B2

Triadic Palette

#355AAC #3C66C4 #D12E62 #D74775 #62D12E #56B828

Split Complementary Palette

#365CB0 #3C66C4 #C4543B #CA654F #ABC43B #9AB035

Square Palette

#3256A5 #3C66C4 #B847A3 #B89447 #3BC454 #5ACD6F

Tetradic Palette

#3154A1 #3C66C4 #A124DB #C4993B #5EDB24 #7BE14B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C66C4 contains 60 red, 102 green, and 196 blue.

Contrast Ratio: 5.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1