#54940C

#54940C

Color Values

HEX

#54940C

RGB

84, 148, 12

HSL

88,2, 85,0%, 31,4%

HSV

88,2, 91,9%, 58,0%

CMYK

43,2%, 0,0%, 91,9%, 42,0%

OKLCH

0,6 0,167 133,6

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#54940C

#4C0C94

Analogous

#94900C

#10940C

#54940C

Triadic

#54940C

#0C5494

#940C54

Split Complementary

#54940C

#0C1094

#900C94

Tetradic

#54940C

#0C9490

#4C0C94

#940C10

Color Blindness Simulation

Original

#54940C

Protanopia

#70702D

Deuteranopia

#6C6735

Tritanopia

#57474D

Achromatopsia

#7D7D7D

CSS Usage

background-color: #54940C;
color: #54940C;
border-color: #54940C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFABD
300
#C5F68E
400
#A5F150
500
#86EC13
600
#6BBD0F
700
#56970C
800
#43760A
900
#33560B
950
#203607

Contrast Checker

Text on white

3,74:1

AA Fail AAA Fail

Text on black

5,62: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