#54961B

#54961B

Color Values

HEX

#54961B

RGB

84, 150, 27

HSL

92.2, 69.5%, 34.7%

HSV

92.2, 82.0%, 58.8%

CMYK

44.0%, 0.0%, 82.0%, 41.2%

OKLCH

0.6058 0.164 134.5

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#54961B

#5D1B96

Analogous

#91961B

#1B961F

#54961B

Triadic

#54961B

#1B5496

#961B54

Split Complementary

#54961B

#1F1B96

#961B91

Tetradic

#54961B

#1B9196

#5D1B96

#961F1B

Color Blindness Simulation

Original

#54961B

Protanopia

#717139

Deuteranopia

#6D6840

Tritanopia

#575055

Achromatopsia

#7F7F7F

CSS Usage

background-color: #54961B;
color: #54961B;
border-color: #54961B;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#ECF8E3
200
#D9F4C2
300
#BFEC97
400
#9CE25F
500
#79D827
600
#61AD1F
700
#4D8A19
800
#3D6C13
900
#2E4F12
950
#1D320B

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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