#CAFEE5

#CAFEE5

Color Values

HEX

#CAFEE5

RGB

202, 254, 229

HSL

151.2, 96.3%, 89.4%

HSV

151.2, 20.5%, 99.6%

CMYK

20.5%, 0.0%, 9.8%, 0.4%

OKLCH

0.9544 0.0626 164.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CAFEE5

#FECAE3

Analogous

#CAFECB

#CAFDFE

#CAFEE5

Triadic

#CAFEE5

#E5CAFE

#FEE5CA

Split Complementary

#CAFEE5

#FECAFD

#FECBCA

Tetradic

#CAFEE5

#CBCAFE

#FECAE3

#FDFECA

Color Blindness Simulation

Original

#CAFEE5

Protanopia

#E1E1EB

Deuteranopia

#DEDAEC

Tritanopia

#CDF0F1

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DFFCEE
200
#B9FEDD
300
#87FDC4
400
#46FCA4
500
#05FA84
600
#04C86A
700
#03A055
800
#027D42
900
#065A32
950
#043920

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026