#CCD5EB

#CCD5EB

Color Values

HEX

#CCD5EB

RGB

204, 213, 235

HSL

222.6, 43.7%, 86.1%

HSV

222.6, 13.2%, 92.2%

CMYK

13.2%, 9.4%, 0.0%, 7.8%

OKLCH

0.8729 0.0319 267.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD5EB

#EBE2CC

Analogous

#CCE5EB

#D3CCEB

#CCD5EB

Triadic

#CCD5EB

#EBCCD5

#D5EBCC

Split Complementary

#CCD5EB

#EBD3CC

#E5EBCC

Tetradic

#CCD5EB

#EBCCE5

#EBE2CC

#CCEBD3

Color Blindness Simulation

Original

#CCD5EB

Protanopia

#D0D0E6

Deuteranopia

#CFCFE4

Tritanopia

#CCE1E1

Achromatopsia

#D5D5D5

CSS Usage

background-color: #CCD5EB;
color: #CCD5EB;
border-color: #CCD5EB;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A7B7DD
400
#778FCA
500
#4868B7
600
#395393
700
#2E4375
800
#24345C
900
#1D2844
950
#131A2B

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.28:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026