#CAEFF3

#CAEFF3

Color Values

HEX

#CAEFF3

RGB

202, 239, 243

HSL

185.9, 63.1%, 87.3%

HSV

185.9, 16.9%, 95.3%

CMYK

16.9%, 1.6%, 0.0%, 4.7%

OKLCH

0.927 0.0388 204.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CAEFF3

#F3CECA

Analogous

#CAF3E3

#CADBF3

#CAEFF3

Triadic

#CAEFF3

#F3CAEF

#EFF3CA

Split Complementary

#CAEFF3

#F3CADB

#F3E3CA

Tetradic

#CAEFF3

#E3CAF3

#F3CECA

#DBF3CA

Color Blindness Simulation

Original

#CAEFF3

Protanopia

#DADAF2

Deuteranopia

#D8D5F2

Tritanopia

#CCF1F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F5F7
200
#C5EDF2
300
#9BE1E8
400
#65D0DC
500
#2FC0D0
600
#269AA6
700
#1E7B85
800
#186068
900
#15474C
950
#0D2D30

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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