#CAF807

#CAF807

Color Values

HEX

#CAF807

RGB

202, 248, 7

HSL

71.5, 94.5%, 50.0%

HSV

71.5, 97.2%, 97.3%

CMYK

18.5%, 0.0%, 97.2%, 2.7%

OKLCH

0.9138 0.2215 122.3

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CAF807

#3507F8

Analogous

#F8AE07

#51F807

#CAF807

Triadic

#CAF807

#07CAF8

#F807CA

Split Complementary

#CAF807

#0751F8

#AE07F8

Tetradic

#CAF807

#07F8AE

#3507F8

#F80751

Color Blindness Simulation

Original

#CAF807

Protanopia

#DEDE41

Deuteranopia

#DBD84F

Tritanopia

#CC6F79

Achromatopsia

#DDDDDD

CSS Usage

background-color: #CAF807;
color: #CAF807;
border-color: #CAF807;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F0FDBA
300
#E5FC88
400
#D8FA47
500
#CAF807
600
#A1C606
700
#819F04
800
#657C04
900
#4A5A07
950
#2F3905

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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