#CCE3DF

#CCE3DF

Color Values

HEX

#CCE3DF

RGB

204, 227, 223

HSL

169.6, 29.1%, 84.5%

HSV

169.6, 10.1%, 89.0%

CMYK

10.1%, 0.0%, 1.8%, 11.0%

OKLCH

0.8977 0.025 184.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCE3DF

#E3CCD0

Analogous

#CCE3D3

#CCDBE3

#CCE3DF

Triadic

#CCE3DF

#DFCCE3

#E3DFCC

Split Complementary

#CCE3DF

#E3CCDB

#E3D3CC

Tetradic

#CCE3DF

#D3CCE3

#E3CCD0

#DBE3CC

Color Blindness Simulation

Original

#CCE3DF

Protanopia

#D6D6E0

Deuteranopia

#D5D3E0

Tritanopia

#CDE1E1

Achromatopsia

#DEDEDE

CSS Usage

background-color: #CCE3DF;
color: #CCE3DF;
border-color: #CCE3DF;
Nearest Tailwind: Neutral 200 #E5E5E5

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E2
300
#B0D4CD
400
#85BCB3
500
#5AA598
600
#488479
700
#3A6961
800
#2D524C
900
#243D39
950
#172724

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.62:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026