#557364

#557364

Color Values

HEX

#557364

RGB

85, 115, 100

HSL

150.0, 15.0%, 39.2%

HSV

150.0, 26.1%, 45.1%

CMYK

26.1%, 0.0%, 13.0%, 54.9%

OKLCH

0.5274 0.0421 162.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#557364

#735564

Analogous

#557355

#557373

#557364

Triadic

#557364

#645573

#736455

Split Complementary

#557364

#735573

#735555

Tetradic

#557364

#555573

#735564

#737355

Color Blindness Simulation

Original

#557364

Protanopia

#626268

Deuteranopia

#605E68

Tritanopia

#566A6B

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DB
300
#B9CBC2
400
#92AFA1
500
#6C9380
600
#577566
700
#455E52
800
#364940
900
#2A3730
950
#1A231F

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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