#54871F

#54871F

Color Values

HEX

#54871F

RGB

84, 135, 31

HSL

89.4, 62.7%, 32.5%

HSV

89.4, 77.0%, 52.9%

CMYK

37.8%, 0.0%, 77.0%, 47.1%

OKLCH

0.5665 0.1429 132.6

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#54871F

#521F87

Analogous

#87861F

#20871F

#54871F

Triadic

#54871F

#1F5487

#871F54

Split Complementary

#54871F

#1F2087

#861F87

Tetradic

#54871F

#1F8786

#521F87

#871F20

Color Blindness Simulation

Original

#54871F

Protanopia

#6A6B38

Deuteranopia

#67633E

Tritanopia

#574C50

Achromatopsia

#757575

CSS Usage

background-color: #54871F;
color: #54871F;
border-color: #54871F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF3
100
#EDF7E4
200
#DCF2C5
300
#C3E89B
400
#A2DC65
500
#81CF30
600
#67A626
700
#53851E
800
#416818
900
#314C15
950
#1F300D

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86:1

AA Pass AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026