#CCE4ED

#CCE4ED

Color Values

HEX

#CCE4ED

RGB

204, 228, 237

HSL

196.4, 47.8%, 86.5%

HSV

196.4, 13.9%, 92.9%

CMYK

13.9%, 3.8%, 0.0%, 7.1%

OKLCH

0.9039 0.0283 222.3

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCE4ED

#EDD5CC

Analogous

#CCEDE6

#CCD4ED

#CCE4ED

Triadic

#CCE4ED

#EDCCE4

#E4EDCC

Split Complementary

#CCE4ED

#EDCCD4

#EDE6CC

Tetradic

#CCE4ED

#E6CCED

#EDD5CC

#D4EDCC

Color Blindness Simulation

Original

#CCE4ED

Protanopia

#D6D7EB

Deuteranopia

#D5D3EA

Tritanopia

#CDE9E9

Achromatopsia

#E0E0E0

CSS Usage

background-color: #CCE4ED;
color: #CCE4ED;
border-color: #CCE4ED;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CAE3EC
300
#A5CFDF
400
#74B5CE
500
#439BBC
600
#357C97
700
#2B6379
800
#214E5E
900
#1C3A45
950
#11252C

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.89:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026