#CAF32F

#CAF32F

Color Values

HEX

#CAF32F

RGB

202, 243, 47

HSL

72.6, 89.1%, 56.9%

HSV

72.6, 80.7%, 95.3%

CMYK

16.9%, 0.0%, 80.7%, 4.7%

OKLCH

0.9036 0.2069 121.6

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#CAF32F

#582FF3

Analogous

#F3BA2F

#68F32F

#CAF32F

Triadic

#CAF32F

#2FCAF3

#F32FCA

Split Complementary

#CAF32F

#2F68F3

#BA2FF3

Tetradic

#CAF32F

#2FF3BA

#582FF3

#F32F68

Color Blindness Simulation

Original

#CAF32F

Protanopia

#DCDC5E

Deuteranopia

#D9D66A

Tritanopia

#CC848C

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F5FBE0
200
#EEFBBB
300
#E1F88B
400
#D1F54D
500
#C1F10E
600
#9BC10B
700
#7C9A09
800
#617907
900
#47570A
950
#2D3706

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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