#548224

#548224

Color Values

HEX

#548224

RGB

84, 130, 36

HSL

89.4, 56.6%, 32.5%

HSV

89.4, 72.3%, 51.0%

CMYK

35.4%, 0.0%, 72.3%, 49.0%

OKLCH

0.5537 0.1331 132.1

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#548224

#522482

Analogous

#828124

#258224

#548224

Triadic

#548224

#245482

#822454

Split Complementary

#548224

#242582

#812482

Tetradic

#548224

#248281

#522482

#822425

Color Blindness Simulation

Original

#548224

Protanopia

#68683B

Deuteranopia

#656240

Tritanopia

#564D51

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DCF0C7
300
#C2E49F
400
#A2D66B
500
#81C837
600
#67A02C
700
#538023
800
#40641C
900
#314918
950
#1F2E0F

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026