#CAFEC5

#CAFEC5

Color Values

HEX

#CAFEC5

RGB

202, 254, 197

HSL

114.7, 96.6%, 88.4%

HSV

114.7, 22.4%, 99.6%

CMYK

20.5%, 0.0%, 22.4%, 0.4%

OKLCH

0.9467 0.0924 142.6

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFEC5

#F9C5FE

Analogous

#E6FEC5

#C5FEDC

#CAFEC5

Triadic

#CAFEC5

#C5CAFE

#FEC5CA

Split Complementary

#CAFEC5

#DCC5FE

#FEC5E6

Tetradic

#CAFEC5

#C5E6FE

#F9C5FE

#FEDCC5

Color Blindness Simulation

Original

#CAFEC5

Protanopia

#E1E1D3

Deuteranopia

#DEDAD6

Tritanopia

#CDDEE0

Achromatopsia

#EFEFEF

CSS Usage

background-color: #CAFEC5;
color: #CAFEC5;
border-color: #CAFEC5;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FEF1
100
#E1FCDE
200
#BFFEB9
300
#91FD87
400
#56FC46
500
#1AFB04
600
#15C903
700
#11A003
800
#0D7D02
900
#0E5B06
950
#093904

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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