#CAFFFB

#CAFFFB

Color Values

HEX

#CAFFFB

RGB

202, 255, 251

HSL

175.5, 100.0%, 89.6%

HSV

175.5, 20.8%, 100.0%

CMYK

20.8%, 0.0%, 1.6%, 0.0%

OKLCH

0.9626 0.0538 190.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#CAFFFB

#FFCACE

Analogous

#CAFFE1

#CAE8FF

#CAFFFB

Triadic

#CAFFFB

#FBCAFF

#FFFBCA

Split Complementary

#CAFFFB

#FFCAE8

#FFE1CA

Tetradic

#CAFFFB

#E1CAFF

#FFCACE

#E8FFCA

Color Blindness Simulation

Original

#CAFFFB

Protanopia

#E1E1FC

Deuteranopia

#DEDAFC

Tritanopia

#CDFDFD

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FFFA
300
#85FFF6
400
#42FFF1
500
#00FFEC
600
#00CCBD
700
#00A397
800
#008076
900
#055C56
950
#033A36

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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