#CCD1EB

#CCD1EB

Color Values

HEX

#CCD1EB

RGB

204, 209, 235

HSL

230.3, 43.7%, 86.1%

HSV

230.3, 13.2%, 92.2%

CMYK

13.2%, 11.1%, 0.0%, 7.8%

OKLCH

0.8649 0.0363 277.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD1EB

#EBE6CC

Analogous

#CCE1EB

#D7CCEB

#CCD1EB

Triadic

#CCD1EB

#EBCCD1

#D1EBCC

Split Complementary

#CCD1EB

#EBD7CC

#E1EBCC

Tetradic

#CCD1EB

#EBCCE1

#EBE6CC

#CCEBD7

Color Blindness Simulation

Original

#CCD1EB

Protanopia

#CECEE5

Deuteranopia

#CECDE3

Tritanopia

#CCE0DF

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E9F4
200
#CCD1EB
300
#A7B0DD
400
#7785CA
500
#485AB7
600
#394893
700
#2E3975
800
#242D5C
900
#1D2444
950
#13162B

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026