#548E16

#548E16

Color Values

HEX

#548E16

RGB

84, 142, 22

HSL

89.0, 73.2%, 32.2%

HSV

89.0, 84.5%, 55.7%

CMYK

40.8%, 0.0%, 84.5%, 44.3%

OKLCH

0.5845 0.1564 133.1

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#548E16

#50168E

Analogous

#8E8C16

#188E16

#548E16

Triadic

#548E16

#16548E

#8E1654

Split Complementary

#548E16

#16188E

#8C168E

Tetradic

#548E16

#168E8C

#50168E

#8E1618

Color Blindness Simulation

Original

#548E16

Protanopia

#6D6E33

Deuteranopia

#6A653A

Tritanopia

#574A4F

Achromatopsia

#797979

CSS Usage

background-color: #548E16;
color: #548E16;
border-color: #548E16;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DCF5C1
300
#C3EF95
400
#A3E65C
500
#83DD22
600
#68B11B
700
#548D16
800
#416E11
900
#325011
950
#1F330A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026