#CCD3DA Color

Color Information

HEX#CCD3DA
RGB204, 211, 218
HSL210° , 16% , 83%
HSV210° , 6% , 85%
CMYK6%, 3%, 0%, 15%

Lighter Shades

#D2D8DE #D8DEE3 #DEE3E7 #E4E8EC #EBEDF0 #F1F3F5

Darker Shades

#B4BAC0 #9BA0A6 #83878C #6A6E71 #525457 #393B3D

Complementary Palette

#AFB5BB #CCD3DA #BCB6B0 #DBD4CD #E0DAD4 #D3D9DF

Analogous Palette

#B9CBCB #CDDADA #C0C6CD #CCD3DA #CDCDDA #D3D3DE

Triadic Palette

#B4BAC0 #CCD3DA #DFC8D4 #E3CFD9 #D4DFC8 #BBC4B0

Split Complementary Palette

#B8BEC4 #CCD3DA #DBCDCD #DFD2D2 #DBDBCD #C5C5B9

Square Palette

#ABB1B7 #CCD3DA #DACDDA #DAD4CD #CDDBCD #D5E1D5

Tetradic Palette

#A7ADB3 #CCD3DA #D4C5E2 #DBD4CD #D4E2C5 #DCE7CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD3DA contains 204 red, 211 green, and 218 blue.

Contrast Ratio: 1.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.05:1