#548222

#548222

Color Values

HEX

#548222

RGB

84, 130, 34

HSL

88.7, 58.5%, 32.2%

HSV

88.7, 73.8%, 51.0%

CMYK

35.4%, 0.0%, 73.8%, 49.0%

OKLCH

0.5535 0.1344 131.9

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#548222

#502282

Analogous

#828022

#248222

#548222

Triadic

#548222

#225482

#822254

Split Complementary

#548222

#222482

#802282

Tetradic

#548222

#228280

#502282

#822224

Color Blindness Simulation

Original

#548222

Protanopia

#686839

Deuteranopia

#65623F

Tritanopia

#564C50

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DCF0C6
300
#C3E69E
400
#A3D869
500
#83CA35
600
#69A22A
700
#548122
800
#41651A
900
#324A17
950
#1F2F0E

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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