#558133

#558133

Color Values

HEX

#558133

RGB

85, 129, 51

HSL

93.8, 43.3%, 35.3%

HSV

93.8, 60.5%, 50.6%

CMYK

34.1%, 0.0%, 60.5%, 49.4%

OKLCH

0.5532 0.1189 133.6

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#558133

#5F3381

Analogous

#7C8133

#338138

#558133

Triadic

#558133

#335581

#813355

Split Complementary

#558133

#383381

#81337C

Tetradic

#558133

#337C81

#5F3381

#813833

Color Blindness Simulation

Original

#558133

Protanopia

#686846

Deuteranopia

#66624A

Tritanopia

#575558

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D9EBCC
300
#BEDCA7
400
#9BCA78
500
#79B748
600
#60923A
700
#4D752E
800
#3C5B24
900
#2E431E
950
#1D2B13

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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