#54971E

#54971E

Color Values

HEX

#54971E

RGB

84, 151, 30

HSL

93.2, 66.9%, 35.5%

HSV

93.2, 80.1%, 59.2%

CMYK

44.4%, 0.0%, 80.1%, 40.8%

OKLCH

0.6086 0.1638 134.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#54971E

#611E97

Analogous

#91971E

#1E9724

#54971E

Triadic

#54971E

#1E5497

#971E54

Split Complementary

#54971E

#241E97

#971E91

Tetradic

#54971E

#1E9197

#611E97

#97241E

Color Blindness Simulation

Original

#54971E

Protanopia

#71723B

Deuteranopia

#6D6842

Tritanopia

#575257

Achromatopsia

#808080

CSS Usage

background-color: #54971E;
color: #54971E;
border-color: #54971E;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F3C3
300
#BDEB99
400
#9AE062
500
#76D52A
600
#5FAA22
700
#4C881B
800
#3B6A15
900
#2D4E13
950
#1D310C

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.82:1

AA Pass AAA Fail

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