#71BA24

#71BA24

Color Values

HEX

#71BA24

RGB

113, 186, 36

HSL

89.2, 67.6%, 43.5%

HSV

89.2, 80.6%, 72.9%

CMYK

39.2%, 0.0%, 80.6%, 27.1%

OKLCH

0.7139 0.1884 133.0

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#71BA24

#6D24BA

Analogous

#BAB824

#26BA24

#71BA24

Triadic

#71BA24

#2471BA

#BA2471

Split Complementary

#71BA24

#2426BA

#B824BA

Tetradic

#71BA24

#24BAB8

#6D24BA

#BA2426

Color Blindness Simulation

Original

#71BA24

Protanopia

#919148

Deuteranopia

#8C8751

Tritanopia

#75656B

Achromatopsia

#A0A0A0

CSS Usage

background-color: #71BA24;
color: #71BA24;
border-color: #71BA24;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DCF3C3
300
#C3EB98
400
#A2E061
500
#82D629
600
#68AB21
700
#53891A
800
#416B15
900
#314E13
950
#1F310C

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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