#557230

#557230

Color Values

HEX

#557230

RGB

85, 114, 48

HSL

86.4, 40.7%, 31.8%

HSV

86.4, 57.9%, 44.7%

CMYK

25.4%, 0.0%, 57.9%, 55.3%

OKLCH

0.5138 0.0993 129.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#557230

#4D3072

Analogous

#726E30

#347230

#557230

Triadic

#557230

#305572

#723055

Split Complementary

#557230

#303472

#6E3072

Tetradic

#557230

#30726E

#4D3072

#723034

Color Blindness Simulation

Original

#557230

Protanopia

#626240

Deuteranopia

#605E44

Tritanopia

#564D4F

Achromatopsia

#676767

CSS Usage

background-color: #557230;
color: #557230;
border-color: #557230;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDEACD
300
#C5DBA9
400
#A5C77A
500
#86B34C
600
#6B903C
700
#567330
800
#435A26
900
#33421F
950
#202A13

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail 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