#548F32

#548F32

Color Values

HEX

#548F32

RGB

84, 143, 50

HSL

98.1, 48.2%, 37.8%

HSV

98.1, 65.0%, 56.1%

CMYK

41.3%, 0.0%, 65.0%, 43.9%

OKLCH

0.5892 0.1403 135.9

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#548F32

#6D328F

Analogous

#828F32

#328F3E

#548F32

Triadic

#548F32

#32548F

#8F3254

Split Complementary

#548F32

#3E328F

#8F3282

Tetradic

#548F32

#32828F

#6D328F

#8F3E32

Color Blindness Simulation

Original

#548F32

Protanopia

#6E6E48

Deuteranopia

#6A664E

Tritanopia

#575A5E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EBF4E6
200
#D7EDCA
300
#BADFA4
400
#94CE73
500
#6FBD42
600
#599735
700
#47792A
800
#375E21
900
#2B451B
950
#1B2C11

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026