#CCE7EF

#CCE7EF

Color Values

HEX

#CCE7EF

RGB

204, 231, 239

HSL

193.7, 52.2%, 86.9%

HSV

193.7, 14.6%, 93.7%

CMYK

14.6%, 3.3%, 0.0%, 6.3%

OKLCH

0.9107 0.0305 217.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCE7EF

#EFD4CC

Analogous

#CCEFE6

#CCD6EF

#CCE7EF

Triadic

#CCE7EF

#EFCCE7

#E7EFCC

Split Complementary

#CCE7EF

#EFCCD6

#EFE6CC

Tetradic

#CCE7EF

#E6CCEF

#EFD4CC

#D6EFCC

Color Blindness Simulation

Original

#CCE7EF

Protanopia

#D8D8ED

Deuteranopia

#D6D4ED

Tritanopia

#CDECEB

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C9E5EE
300
#A2D3E2
400
#6FBBD2
500
#3DA4C2
600
#31839B
700
#27697C
800
#1E5261
900
#1A3D47
950
#10262D

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.24: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