#CAEDDF

#CAEDDF

Color Values

HEX

#CAEDDF

RGB

202, 237, 223

HSL

156,0, 49,3%, 86,1%

HSV

156,0, 14,8%, 92,9%

CMYK

14,8%, 0,0%, 5,9%, 7,1%

OKLCH

0,9171 0,0411 169,3

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CAEDDF

#EDCAD8

Analogous

#CAEDCE

#CAEAED

#CAEDDF

Triadic

#CAEDDF

#DFCAED

#EDDFCA

Split Complementary

#CAEDDF

#EDCAEA

#EDCECA

Tetradic

#CAEDDF

#CECAED

#EDCAD8

#EAEDCA

Color Blindness Simulation

Original

#CAEDDF

Protanopia

#D9D9E2

Deuteranopia

#D7D4E3

Tritanopia

#CCE5E6

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CAEDDF;
color: #CAEDDF;
border-color: #CAEDDF;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDDF
300
#A4E0C8
400
#72CFAA
500
#41BE8C
600
#349870
700
#297A5A
800
#205F46
900
#1B4635
950
#112C21

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,69: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