#CAEED8

#CAEED8

Color Values

HEX

#CAEED8

RGB

202, 238, 216

HSL

143.3, 51.4%, 86.3%

HSV

143.3, 15.1%, 93.3%

CMYK

15.1%, 0.0%, 9.2%, 6.7%

OKLCH

0.9173 0.0479 158.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CAEED8

#EECAE0

Analogous

#CEEECA

#CAEEEA

#CAEED8

Triadic

#CAEED8

#D8CAEE

#EED8CA

Split Complementary

#CAEED8

#EACAEE

#EECACE

Tetradic

#CAEED8

#CACEEE

#EECAE0

#EEEACA

Color Blindness Simulation

Original

#CAEED8

Protanopia

#DADADD

Deuteranopia

#D8D5DF

Tritanopia

#CCE2E2

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F5EB
200
#C9EED7
300
#A2E1BB
400
#70D196
500
#3EC171
600
#329A5A
700
#287C48
800
#1F6138
900
#1A472B
950
#102D1B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026