#CCF5F5

#CCF5F5

Color Values

HEX

#CCF5F5

RGB

204, 245, 245

HSL

180.0, 67.2%, 88.0%

HSV

180.0, 16.7%, 96.1%

CMYK

16.7%, 0.0%, 0.0%, 3.9%

OKLCH

0.9413 0.0422 196.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CCF5F5

#F5CCCC

Analogous

#CCF5E0

#CCE0F5

#CCF5F5

Triadic

#CCF5F5

#F5CCF5

#F5F5CC

Split Complementary

#CCF5F5

#F5CCE0

#F5E0CC

Tetradic

#CCF5F5

#E0CCF5

#F5CCCC

#E0F5CC

Color Blindness Simulation

Original

#CCF5F5

Protanopia

#DEDEF5

Deuteranopia

#DBD8F5

Tritanopia

#CEF5F5

Achromatopsia

#ECECEC

CSS Usage

background-color: #CCF5F5;
color: #CCF5F5;
border-color: #CCF5F5;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#99EBEB
400
#61E0E0
500
#2AD5D5
600
#21ABAB
700
#1B8888
800
#156B6B
900
#134E4E
950
#0C3131

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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