#CAF097

#CAF097

Color Values

HEX

#CAF097

RGB

202, 240, 151

HSL

85.6, 74.8%, 76.7%

HSV

85.6, 37.1%, 94.1%

CMYK

15.8%, 0.0%, 37.1%, 5.9%

OKLCH

0.9075 0.1213 127.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAF097

#BD97F0

Analogous

#F0EA97

#9EF097

#CAF097

Triadic

#CAF097

#97CAF0

#F097CA

Split Complementary

#CAF097

#979EF0

#EA97F0

Tetradic

#CAF097

#97F0EA

#BD97F0

#F0979E

Color Blindness Simulation

Original

#CAF097

Protanopia

#DADBAD

Deuteranopia

#D8D5B2

Tritanopia

#CCBEC1

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EFF8E2
200
#DFF6C1
300
#C9F094
400
#ABE75A
500
#8DDF20
600
#71B21A
700
#5B8F15
800
#476F10
900
#355110
950
#22330A

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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