#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026