#CAFEC6

#CAFEC6

Color Values

HEX

#CAFEC6

RGB

202, 254, 198

HSL

115.7, 96.6%, 88.6%

HSV

115.7, 22.0%, 99.6%

CMYK

20.5%, 0.0%, 22.0%, 0.4%

OKLCH

0.9469 0.0914 143.0

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFEC6

#FAC6FE

Analogous

#E6FEC6

#C6FEDE

#CAFEC6

Triadic

#CAFEC6

#C6CAFE

#FEC6CA

Split Complementary

#CAFEC6

#DEC6FE

#FEC6E6

Tetradic

#CAFEC6

#C6E6FE

#FAC6FE

#FEDEC6

Color Blindness Simulation

Original

#CAFEC6

Protanopia

#E1E1D4

Deuteranopia

#DEDAD7

Tritanopia

#CDDEE1

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E1FCDE
200
#BEFEB9
300
#8FFD87
400
#53FC46
500
#16FB04
600
#12C903
700
#0EA003
800
#0B7D02
900
#0C5B06
950
#083904

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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