#CCF9EE

#CCF9EE

Color Values

HEX

#CCF9EE

RGB

204, 249, 238

HSL

165,3, 78,9%, 88,8%

HSV

165,3, 18,1%, 97,6%

CMYK

18,1%, 0,0%, 4,4%, 2,4%

OKLCH

0,9476 0,0484 178,7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CCF9EE

#F9CCD7

Analogous

#CCF9D7

#CCEDF9

#CCF9EE

Triadic

#CCF9EE

#EECCF9

#F9EECC

Split Complementary

#CCF9EE

#F9CCED

#F9D7CC

Tetradic

#CCF9EE

#D7CCF9

#F9CCD7

#EDF9CC

Color Blindness Simulation

Original

#CCF9EE

Protanopia

#DFE0F1

Deuteranopia

#DDDAF1

Tritanopia

#CEF3F3

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FCFA
100
#E1F9F3
200
#BFF7EA
300
#92F2DA
400
#56EBC7
500
#1BE4B3
600
#16B68F
700
#119272
800
#0D7259
900
#0E5342
950
#09342A

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,35:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026