#CCF5F1

#CCF5F1

Color Values

HEX

#CCF5F1

RGB

204, 245, 241

HSL

174.1, 67.2%, 88.0%

HSV

174.1, 16.7%, 96.1%

CMYK

16.7%, 0.0%, 1.6%, 3.9%

OKLCH

0.9402 0.0425 189.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCF5F1

#F5CCD0

Analogous

#CCF5DC

#CCE4F5

#CCF5F1

Triadic

#CCF5F1

#F1CCF5

#F5F1CC

Split Complementary

#CCF5F1

#F5CCE4

#F5DCCC

Tetradic

#CCF5F1

#DCCCF5

#F5CCD0

#E4F5CC

Color Blindness Simulation

Original

#CCF5F1

Protanopia

#DEDEF2

Deuteranopia

#DBD8F2

Tritanopia

#CEF3F3

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3EF
300
#99EBE3
400
#61E0D4
500
#2AD5C4
600
#21AB9D
700
#1B887E
800
#156B62
900
#134E48
950
#0C312D

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.9:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026