#CAFFC2

#CAFFC2

Color Values

HEX

#CAFFC2

RGB

202, 255, 194

HSL

112.1, 100.0%, 88.0%

HSV

112.1, 23.9%, 100.0%

CMYK

20.8%, 0.0%, 23.9%, 0.0%

OKLCH

0.9482 0.0972 141.4

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFFC2

#F7C2FF

Analogous

#E8FFC2

#C2FFD8

#CAFFC2

Triadic

#CAFFC2

#C2CAFF

#FFC2CA

Split Complementary

#CAFFC2

#D8C2FF

#FFC2E8

Tetradic

#CAFFC2

#C2E8FF

#F7C2FF

#FFD8C2

Color Blindness Simulation

Original

#CAFFC2

Protanopia

#E1E1D1

Deuteranopia

#DEDAD4

Tritanopia

#CDDCDF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F3FEF1
100
#E2FCDE
200
#C1FFB8
300
#95FF85
400
#5BFF42
500
#22FF00
600
#1BCC00
700
#15A300
800
#118000
900
#105C05
950
#0A3A03

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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