#CCD3E4 Color

Color Information

HEX#CCD3E4
RGB204, 211, 228
HSL223° , 31% , 85%
HSV223° , 11% , 89%
CMYK11%, 7%, 0%, 11%

Lighter Shades

#D2D8E7 #D8DEEA #DEE3EE #E4E8F1 #EBEDF4 #F1F3F7

Darker Shades

#B4BAC9 #9BA0AD #838792 #6A6E77 #52545B #393B40

Complementary Palette

#AFB5C4 #CCD3E4 #C5BFB0 #E5DECD #E9E3D4 #D3D9E8

Analogous Palette

#BECBCF #D3DCDE #C0C6D6 #CCD3E4 #D5D3DE #D8D6E1

Triadic Palette

#B4BAC9 #CCD3E4 #E9C9D2 #ECCFD7 #D2E9C9 #B9CDB1

Split Complementary Palette

#B8BECD #CCD3E4 #E5D2CD #E8D7D2 #DFE5CD #C9CEB9

Square Palette

#ABB1C0 #CCD3E4 #E1D0DD #E1DCD0 #CDE5D2 #D5E9D9

Tetradic Palette

#A7ADBB #CCD3E4 #E1C6EC #E5DECD #D0ECC6 #D8EFD0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD3E4 contains 204 red, 211 green, and 228 blue.

Contrast Ratio: 1.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.16:1