#CCFFFB

#CCFFFB

Color Values

HEX

#CCFFFB

RGB

204, 255, 251

HSL

175.3, 100.0%, 90.0%

HSV

175.3, 20.0%, 100.0%

CMYK

20.0%, 0.0%, 1.6%, 0.0%

OKLCH

0.9639 0.0519 190.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#CCFFFB

#FFCCD0

Analogous

#CCFFE2

#CCE9FF

#CCFFFB

Triadic

#CCFFFB

#FBCCFF

#FFFBCC

Split Complementary

#CCFFFB

#FFCCE9

#FFE2CC

Tetradic

#CCFFFB

#E2CCFF

#FFCCD0

#E9FFCC

Color Blindness Simulation

Original

#CCFFFB

Protanopia

#E2E3FC

Deuteranopia

#DFDBFC

Tritanopia

#CFFDFD

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FFF9
300
#85FFF5
400
#42FFF0
500
#00FFEB
600
#00CCBC
700
#00A396
800
#008076
900
#055C55
950
#033A36

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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