#548A27

#548A27

Color Values

HEX

#548A27

RGB

84, 138, 39

HSL

92.7, 55.9%, 34.7%

HSV

92.7, 71.7%, 54.1%

CMYK

39.1%, 0.0%, 71.7%, 45.9%

OKLCH

0.575 0.1418 133.8

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#548A27

#5D278A

Analogous

#858A27

#278A2B

#548A27

Triadic

#548A27

#27548A

#8A2754

Split Complementary

#548A27

#2B278A

#8A2785

Tetradic

#548A27

#27858A

#5D278A

#8A2B27

Color Blindness Simulation

Original

#548A27

Protanopia

#6B6C3F

Deuteranopia

#686445

Tritanopia

#575256

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#DAEFC7
300
#BFE4A0
400
#9CD56C
500
#79C738
600
#619F2D
700
#4D7F24
800
#3D631C
900
#2E4918
950
#1D2E0F

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026