#CAFA47

#CAFA47

Color Values

HEX

#CAFA47

RGB

202, 250, 71

HSL

76.1, 94.7%, 62.9%

HSV

76.1, 71.6%, 98.0%

CMYK

19.2%, 0.0%, 71.6%, 2.0%

OKLCH

0.9205 0.2032 123.7

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#CAFA47

#7747FA

Analogous

#FAD047

#70FA47

#CAFA47

Triadic

#CAFA47

#47CAFA

#FA47CA

Split Complementary

#CAFA47

#4770FA

#D047FA

Tetradic

#CAFA47

#47FAD0

#7747FA

#FA4770

Color Blindness Simulation

Original

#CAFA47

Protanopia

#DFDF72

Deuteranopia

#DCD87D

Tritanopia

#CC959C

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F4FCDF
200
#EBFDB9
300
#DDFC88
400
#CAFA47
500
#B7F807
600
#93C705
700
#759F04
800
#5C7C03
900
#445A07
950
#2B3905

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026