#71B328

#71B328

Color Values

HEX

#71B328

RGB

113, 179, 40

HSL

88.5, 63.5%, 42.9%

HSV

88.5, 77.7%, 70.2%

CMYK

36.9%, 0.0%, 77.7%, 29.8%

OKLCH

0.6965 0.1781 132.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#71B328

#6A28B3

Analogous

#B3AF28

#2BB328

#71B328

Triadic

#71B328

#2871B3

#B32871

Split Complementary

#71B328

#282BB3

#AF28B3

Tetradic

#71B328

#28B3AF

#6A28B3

#B3282B

Color Blindness Simulation

Original

#71B328

Protanopia

#8E8E4A

Deuteranopia

#8A8552

Tritanopia

#74646A

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF7E4
200
#DCF2C5
300
#C4E99B
400
#A4DD65
500
#84D02F
600
#69A725
700
#54851E
800
#426817
900
#324C15
950
#1F300D

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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