#557B38

#557B38

Color Values

HEX

#557B38

RGB

85, 123, 56

HSL

94.0, 37.4%, 35.1%

HSV

94.0, 54.5%, 48.2%

CMYK

30.9%, 0.0%, 54.5%, 51.8%

OKLCH

0.5383 0.105 133.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#557B38

#5E387B

Analogous

#777B38

#387B3C

#557B38

Triadic

#557B38

#38557B

#7B3855

Split Complementary

#557B38

#3C387B

#7B3877

Tetradic

#557B38

#38777B

#5E387B

#7B3C38

Color Blindness Simulation

Original

#557B38

Protanopia

#656648

Deuteranopia

#63604C

Tritanopia

#575558

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#DAE9CE
300
#BFD9AB
400
#9CC47D
500
#79AF50
600
#618C40
700
#4E7033
800
#3D5828
900
#2E4120
950
#1D2914

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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