#66B4CC Color

Color Information

HEX#66B4CC
RGB102, 180, 204
HSL194° , 50% , 60%
HSV194° , 50% , 80%
CMYK50%, 12%, 0%, 20%

Lighter Shades

#78BDD2 #8BC6D8 #9DCFDE #AFD8E4 #C2E1EB #D4EAF1

Darker Shades

#5A9EB4 #4E899B #417383 #355E6A #294852 #1D3239

Complementary Palette

#589BAF #66B4CC #AF6C58 #CC7E66 #D3907B #7BBFD3

Analogous Palette

#74A497 #7AB8A7 #60A9C0 #66B4CC #7A8BB8 #8493BD

Triadic Palette

#5A9EB4 #66B4CC #D65CBA #DB70C2 #BAD65C #A4BC51

Split Complementary Palette

#5CA2B8 #66B4CC #CC6681 #D1758E #CCB166 #B89F5C

Square Palette

#5697AB #66B4CC #AC70C2 #C28370 #81CC66 #95D47E

Tetradic Palette

#5494A7 #66B4CC #7454DE #CC7E66 #BEDE54 #CAE473

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #66B4CC contains 102 red, 180 green, and 204 blue.

Contrast Ratio: 2.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.1:1