#CCD6EB

#CCD6EB

Color Values

HEX

#CCD6EB

RGB

204, 214, 235

HSL

220,6, 43,7%, 86,1%

HSV

220,6, 13,2%, 92,2%

CMYK

13,2%, 8,9%, 0,0%, 7,8%

OKLCH

0,8749 0,031 265,3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD6EB

#EBE1CC

Analogous

#CCE6EB

#D2CCEB

#CCD6EB

Triadic

#CCD6EB

#EBCCD6

#D6EBCC

Split Complementary

#CCD6EB

#EBD2CC

#E6EBCC

Tetradic

#CCD6EB

#EBCCE6

#EBE1CC

#CCEBD2

Color Blindness Simulation

Original

#CCD6EB

Protanopia

#D0D0E6

Deuteranopia

#D0CFE5

Tritanopia

#CCE2E1

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A7B8DD
400
#7792CA
500
#486CB7
600
#395693
700
#2E4575
800
#24365C
900
#1D2A44
950
#131A2B

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,39:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026