#557F39

#557F39

Color Values

HEX

#557F39

RGB

85, 127, 57

HSL

96.0, 38.0%, 36.1%

HSV

96.0, 55.1%, 49.8%

CMYK

33.1%, 0.0%, 55.1%, 50.2%

OKLCH

0.5488 0.1101 134.4

Properties

Cool Dark Nearest: darkolivegreen 4

Color Harmonies

Complementary

#557F39

#63397F

Analogous

#787F39

#397F40

#557F39

Triadic

#557F39

#39557F

#7F3955

Split Complementary

#557F39

#40397F

#7F3978

Tetradic

#557F39

#39787F

#63397F

#7F4039

Color Blindness Simulation

Original

#557F39

Protanopia

#67684A

Deuteranopia

#65624E

Tritanopia

#57575A

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9E9CE
300
#BDD9AB
400
#99C57D
500
#76B04F
600
#5E8D3F
700
#4B7133
800
#3B5828
900
#2D4120
950
#1D2914

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026