#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026