#557260

#557260

Color Values

HEX

#557260

RGB

85, 114, 96

HSL

142.8, 14.6%, 39.0%

HSV

142.8, 25.4%, 44.7%

CMYK

25.4%, 0.0%, 15.8%, 55.3%

OKLCH

0.5238 0.0441 157.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#557260

#725567

Analogous

#587255

#55726E

#557260

Triadic

#557260

#605572

#726055

Split Complementary

#557260

#6E5572

#725558

Tetradic

#557260

#555872

#725567

#726E55

Color Blindness Simulation

Original

#557260

Protanopia

#626264

Deuteranopia

#605E65

Tritanopia

#566869

Achromatopsia

#6B6B6B

CSS Usage

background-color: #557260;
color: #557260;
border-color: #557260;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DA
300
#B9CBC0
400
#93AE9D
500
#6D927B
600
#577562
700
#465E4F
800
#36493E
900
#2A372F
950
#1B231E

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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