#558932

#558932

Color Values

HEX

#558932

RGB

85, 137, 50

HSL

95.9, 46.5%, 36.7%

HSV

95.9, 63.5%, 53.7%

CMYK

38.0%, 0.0%, 63.5%, 46.3%

OKLCH

0.574 0.1313 134.8

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#558932

#663289

Analogous

#818932

#32893B

#558932

Triadic

#558932

#325589

#893255

Split Complementary

#558932

#3B3289

#893281

Tetradic

#558932

#328189

#663289

#893B32

Color Blindness Simulation

Original

#558932

Protanopia

#6C6C47

Deuteranopia

#68654C

Tritanopia

#58585B

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8ECCB
300
#BCDEA5
400
#98CD75
500
#74BB44
600
#5D9537
700
#4A782C
800
#3A5D22
900
#2C451C
950
#1C2B12

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026