#557B57

#557B57

Color Values

HEX

#557B57

RGB

85, 123, 87

HSL

123.2, 18.3%, 40.8%

HSV

123.2, 30.9%, 48.2%

CMYK

30.9%, 0.0%, 29.3%, 51.8%

OKLCH

0.5441 0.07 145.8

Properties

Cool Dark Nearest: darkseagreen 4

Color Harmonies

Complementary

#557B57

#7B5579

Analogous

#667B55

#557B6A

#557B57

Triadic

#557B57

#57557B

#7B5755

Split Complementary

#557B57

#6A557B

#7B5566

Tetradic

#557B57

#55667B

#7B5579

#7B6A55

Color Blindness Simulation

Original

#557B57

Protanopia

#656660

Deuteranopia

#636062

Tritanopia

#576768

Achromatopsia

#707070

CSS Usage

background-color: #557B57;
color: #557B57;
border-color: #557B57;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D5
300
#B7CDB8
400
#8FB291
500
#68976B
600
#537955
700
#436144
800
#344B35
900
#283829
950
#1A241A

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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