#CCFBF8

#CCFBF8

Color Values

HEX

#CCFBF8

RGB

204, 251, 248

HSL

176.2, 85.5%, 89.2%

HSV

176.2, 18.7%, 98.4%

CMYK

18.7%, 0.0%, 1.2%, 1.6%

OKLCH

0.9547 0.048 191.6

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CCFBF8

#FBCCCF

Analogous

#CCFBE0

#CCE6FB

#CCFBF8

Triadic

#CCFBF8

#F8CCFB

#FBF8CC

Split Complementary

#CCFBF8

#FBCCE6

#FBE0CC

Tetradic

#CCFBF8

#E0CCFB

#FBCCCF

#E6FBCC

Color Blindness Simulation

Original

#CCFBF8

Protanopia

#E0E1F9

Deuteranopia

#DEDAF9

Tritanopia

#CEF9F9

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BDFAF6
300
#8DF6EF
400
#50F1E7
500
#12EDDF
600
#0FBDB2
700
#0C978F
800
#09766F
900
#0B5651
950
#073633

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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