#CAF39F

#CAF39F

Color Values

HEX

#CAF39F

RGB

202, 243, 159

HSL

89.3, 77.8%, 78.8%

HSV

89.3, 34.6%, 95.3%

CMYK

16.9%, 0.0%, 34.6%, 4.7%

OKLCH

0.9154 0.117 129.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAF39F

#C89FF3

Analogous

#F3F29F

#A0F39F

#CAF39F

Triadic

#CAF39F

#9FCAF3

#F39FCA

Split Complementary

#CAF39F

#9FA0F3

#F29FF3

Tetradic

#CAF39F

#9FF3F2

#C89FF3

#F39FA0

Color Blindness Simulation

Original

#CAF39F

Protanopia

#DCDCB3

Deuteranopia

#D9D6B8

Tritanopia

#CCC3C7

Achromatopsia

#E4E4E4

CSS Usage

background-color: #CAF39F;
color: #CAF39F;
border-color: #CAF39F;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF2
100
#EDF9E1
200
#DCF7C0
300
#C3F192
400
#A2EA57
500
#82E31C
600
#68B517
700
#539112
800
#41710E
900
#31520F
950
#1F3409

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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