#CAF949

#CAF949

Color Values

HEX

#CAF949

RGB

202, 249, 73

HSL

76.0, 93.6%, 63.1%

HSV

76.0, 70.7%, 97.6%

CMYK

18.9%, 0.0%, 70.7%, 2.4%

OKLCH

0.9184 0.2008 123.5

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#CAF949

#7849F9

Analogous

#F9D049

#72F949

#CAF949

Triadic

#CAF949

#49CAF9

#F949CA

Split Complementary

#CAF949

#4972F9

#D049F9

Tetradic

#CAF949

#49F9D0

#7849F9

#F94972

Color Blindness Simulation

Original

#CAF949

Protanopia

#DEDF74

Deuteranopia

#DCD87E

Tritanopia

#CC959D

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F4FBDF
200
#EBFDBA
300
#DDFB89
400
#CAF948
500
#B7F708
600
#93C507
700
#759E05
800
#5C7B04
900
#435908
950
#2B3805

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026