#CCE3DC

#CCE3DC

Color Values

HEX

#CCE3DC

RGB

204, 227, 220

HSL

161.7, 29.1%, 84.5%

HSV

161.7, 10.1%, 89.0%

CMYK

10.1%, 0.0%, 3.1%, 11.0%

OKLCH

0.8968 0.0262 175.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCE3DC

#E3CCD3

Analogous

#CCE3D0

#CCDEE3

#CCE3DC

Triadic

#CCE3DC

#DCCCE3

#E3DCCC

Split Complementary

#CCE3DC

#E3CCDE

#E3D0CC

Tetradic

#CCE3DC

#D0CCE3

#E3CCD3

#DEE3CC

Color Blindness Simulation

Original

#CCE3DC

Protanopia

#D6D6DE

Deuteranopia

#D5D3DE

Tritanopia

#CDDFDF

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6DF
300
#B0D4C9
400
#85BCAB
500
#5AA58E
600
#488472
700
#3A695B
800
#2D5247
900
#243D35
950
#172722

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026