#CAFCFB

#CAFCFB

Color Values

HEX

#CAFCFB

RGB

202, 252, 251

HSL

178.8, 89.3%, 89.0%

HSV

178.8, 19.8%, 98.8%

CMYK

19.8%, 0.0%, 0.4%, 1.2%

OKLCH

0.9564 0.0507 194.8

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#CAFCFB

#FCCACB

Analogous

#CAFCE2

#CAE4FC

#CAFCFB

Triadic

#CAFCFB

#FBCAFC

#FCFBCA

Split Complementary

#CAFCFB

#FCCAE4

#FCE2CA

Tetradic

#CAFCFB

#E2CAFC

#FCCACB

#E4FCCA

Color Blindness Simulation

Original

#CAFCFB

Protanopia

#E0E0FB

Deuteranopia

#DDD9FB

Tritanopia

#CCFBFB

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BBFBFA
300
#8BF8F6
400
#4CF5F2
500
#0EF1ED
600
#0BC1BD
700
#099A98
800
#077976
900
#0A5756
950
#063736

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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