#CCDAEB

#CCDAEB

Color Values

HEX

#CCDAEB

RGB

204, 218, 235

HSL

212.9, 43.7%, 86.1%

HSV

212.9, 13.2%, 92.2%

CMYK

13.2%, 7.2%, 0.0%, 7.8%

OKLCH

0.883 0.0279 253.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDAEB

#EBDDCC

Analogous

#CCEAEB

#CECCEB

#CCDAEB

Triadic

#CCDAEB

#EBCCDA

#DAEBCC

Split Complementary

#CCDAEB

#EBCECC

#EAEBCC

Tetradic

#CCDAEB

#EBCCEA

#EBDDCC

#CCEBCE

Color Blindness Simulation

Original

#CCDAEB

Protanopia

#D2D2E7

Deuteranopia

#D1D0E6

Tritanopia

#CDE4E3

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDAEB
300
#A7BFDD
400
#779DCA
500
#487AB7
600
#396293
700
#2E4E75
800
#243D5C
900
#1D2F44
950
#131D2B

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.8:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026