#71B834

#71B834

Color Values

HEX

#71B834

RGB

113, 184, 52

HSL

92.3, 55.9%, 46.3%

HSV

92.3, 71.7%, 72.2%

CMYK

38.6%, 0.0%, 71.7%, 27.8%

OKLCH

0.7099 0.1774 133.8

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#71B834

#7B34B8

Analogous

#B3B834

#34B839

#71B834

Triadic

#71B834

#3471B8

#B83471

Split Complementary

#71B834

#3934B8

#B834B3

Tetradic

#71B834

#34B3B8

#7B34B8

#B83934

Color Blindness Simulation

Original

#71B834

Protanopia

#909054

Deuteranopia

#8C865C

Tritanopia

#756D73

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#DAEFC7
300
#BFE4A0
400
#9DD56C
500
#7AC738
600
#629F2D
700
#4E7F24
800
#3D631C
900
#2F4918
950
#1D2E0F

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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