#CAFCE4

#CAFCE4

Color Values

HEX

#CAFCE4

RGB

202, 252, 228

HSL

151.2, 89.3%, 89.0%

HSV

151.2, 19.8%, 98.8%

CMYK

19.8%, 0.0%, 9.5%, 1.2%

OKLCH

0.9499 0.0603 164.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CAFCE4

#FCCAE2

Analogous

#CAFCCB

#CAFBFC

#CAFCE4

Triadic

#CAFCE4

#E4CAFC

#FCE4CA

Split Complementary

#CAFCE4

#FCCAFB

#FCCBCA

Tetradic

#CAFCE4

#CBCAFC

#FCCAE2

#FBFCCA

Color Blindness Simulation

Original

#CAFCE4

Protanopia

#E0E0EA

Deuteranopia

#DDD9EB

Tritanopia

#CCEEEF

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BBFBDD
300
#8BF8C4
400
#4CF5A4
500
#0EF184
600
#0BC16A
700
#099A55
800
#077942
900
#0A5732
950
#063720

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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