#66A0CC Color

Color Information

HEX#66A0CC
RGB102, 160, 204
HSL206° , 50% , 60%
HSV206° , 50% , 80%
CMYK50%, 22%, 0%, 20%

Lighter Shades

#78ABD2 #8BB7D8 #9DC2DE #AFCEE4 #C2D9EB #D4E4F1

Darker Shades

#5A8DB4 #4E7A9B #416683 #35536A #294052 #1D2D39

Complementary Palette

#588AAF #66A0CC #AF7E58 #CC9266 #D3A17B #7BADD3

Analogous Palette

#74A4A1 #7AB8B4 #6096C0 #66A0CC #7A7EB8 #8488BD

Triadic Palette

#5A8DB4 #66A0CC #D65CA1 #DB70AC #A1D65C #8EBC51

Split Complementary Palette

#5C90B8 #66A0CC #CC666D #D1757C #CCC566 #B8B15C

Square Palette

#5686AB #66A0CC #BC70C2 #C29470 #6DCC66 #84D47E

Tetradic Palette

#5483A7 #66A0CC #9054DE #CC9266 #A2DE54 #B3E473

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #66A0CC contains 102 red, 160 green, and 204 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.58:1