#CAF708

#CAF708

Color Values

HEX

#CAF708

RGB

202, 247, 8

HSL

71.3, 93.7%, 50.0%

HSV

71.3, 96.8%, 96.9%

CMYK

18.2%, 0.0%, 96.8%, 3.1%

OKLCH

0.9116 0.2203 122.1

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CAF708

#3508F7

Analogous

#F7AC08

#53F708

#CAF708

Triadic

#CAF708

#08CAF7

#F708CA

Split Complementary

#CAF708

#0853F7

#AC08F7

Tetradic

#CAF708

#08F7AC

#3508F7

#F70853

Color Blindness Simulation

Original

#CAF708

Protanopia

#DDDE42

Deuteranopia

#DBD750

Tritanopia

#CC707A

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F0FDBA
300
#E6FB88
400
#D8F948
500
#CAF708
600
#A2C606
700
#819E05
800
#657B04
900
#4A5908
950
#2F3805

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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