#CAEEED

#CAEEED

Color Values

HEX

#CAEEED

RGB

202, 238, 237

HSL

178.3, 51.4%, 86.3%

HSV

178.3, 15.1%, 93.3%

CMYK

15.1%, 0.0%, 0.4%, 6.7%

OKLCH

0.9232 0.0374 194.5

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CAEEED

#EECACB

Analogous

#CAEEDB

#CADDEE

#CAEEED

Triadic

#CAEEED

#EDCAEE

#EEEDCA

Split Complementary

#CAEEED

#EECADD

#EEDBCA

Tetradic

#CAEEED

#DBCAEE

#EECACB

#DDEECA

Color Blindness Simulation

Original

#CAEEED

Protanopia

#DADAED

Deuteranopia

#D8D5ED

Tritanopia

#CCEDED

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E1DF
400
#70D1CE
500
#3EC1BD
600
#329A97
700
#287C79
800
#1F615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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