#CCF0E3

#CCF0E3

Color Values

HEX

#CCF0E3

RGB

204, 240, 227

HSL

158.3, 54.5%, 87.1%

HSV

158.3, 15.0%, 94.1%

CMYK

15.0%, 0.0%, 5.4%, 5.9%

OKLCH

0.9258 0.0413 171.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCF0E3

#F0CCD9

Analogous

#CCF0D1

#CCEBF0

#CCF0E3

Triadic

#CCF0E3

#E3CCF0

#F0E3CC

Split Complementary

#CCF0E3

#F0CCEB

#F0D1CC

Tetradic

#CCF0E3

#D1CCF0

#F0CCD9

#EBF0CC

Color Blindness Simulation

Original

#CCF0E3

Protanopia

#DCDCE6

Deuteranopia

#DAD7E7

Tritanopia

#CEE9E9

Achromatopsia

#E7E7E7

CSS Usage

background-color: #CCF0E3;
color: #CCF0E3;
border-color: #CCF0E3;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EFE1
300
#A0E3CB
400
#6DD4AF
500
#3AC593
600
#2E9E75
700
#257E5E
800
#1D6249
900
#194837
950
#102E23

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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