#C7D2DC Color

Color Information

HEX#C7D2DC
RGB199, 210, 220
HSL209° , 23% , 82%
HSV209° , 10% , 86%
CMYK10%, 5%, 0%, 14%

Lighter Shades

#CED7E0 #D4DDE4 #DBE2E9 #E2E8ED #E9EDF1 #EFF2F5

Darker Shades

#AFB9C2 #97A0A7 #7F868D #676D72 #505458 #383B3E

Complementary Palette

#ABB5BD #C7D2DC #BDB4AB #DCD1C7 #E1D7CF #CFD8E1

Analogous Palette

#B6C9C8 #CAD8D7 #BBC5CF #C7D2DC #CACAD8 #D0D0DC

Triadic Palette

#AFB9C2 #C7D2DC #E0C2D1 #E4C9D7 #D1E0C2 #B8C5AB

Split Complementary Palette

#B3BDC6 #C7D2DC #DCC7C7 #E0CDCD #DCDBC7 #C6C5B3

Square Palette

#A7B0B9 #C7D2DC #D7CAD8 #D8D1CA #C7DCC7 #D0E2D0

Tetradic Palette

#A3ACB4 #C7D2DC #D0BEE4 #DCD1C7 #D0E4BE #D8E9CA

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #C7D2DC contains 199 red, 210 green, and 220 blue.

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.84:1