#C2D9DC Color

Color Information

HEX#C2D9DC
RGB194, 217, 220
HSL187° , 27% , 81%
HSV187° , 12% , 86%
CMYK12%, 1%, 0%, 14%

Lighter Shades

#C9DEE0 #D1E2E4 #D8E7E9 #DFEBED #E7F0F1 #EEF4F5

Darker Shades

#ABBFC2 #93A5A7 #7C8B8D #657172 #4E5758 #363D3E

Complementary Palette

#A7BBBD #C2D9DC #BDA9A6 #DCC5C1 #E1CDCA #CBDEE1

Analogous Palette

#B6C9C2 #C7D6D0 #B6CCCF #C2D9DC #C7CDD6 #CDD2DA

Triadic Palette

#ABBFC2 #C2D9DC #E1BCDD #E5C4E1 #DDE1BC #C2C6A5

Split Complementary Palette

#AFC3C6 #C2D9DC #DCC1CB #E0C7D0 #DCD2C1 #C6BDAE

Square Palette

#A3B6B9 #C2D9DC #D1C6D7 #D7C8C6 #CBDCC1 #D3E2CB

Tetradic Palette

#9FB2B4 #C2D9DC #BFB8E5 #DCC5C1 #E0E5B8 #E6EAC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #C2D9DC contains 194 red, 217 green, and 220 blue.

Contrast Ratio: 1.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.4:1