#557C51

#557C51

Color Values

HEX

#557C51

RGB

85, 124, 81

HSL

114.4, 21.0%, 40.2%

HSV

114.4, 34.7%, 48.6%

CMYK

31.5%, 0.0%, 34.7%, 51.4%

OKLCH

0.5453 0.0787 142.2

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#557C51

#78517C

Analogous

#6B7C51

#517C62

#557C51

Triadic

#557C51

#51557C

#7C5155

Split Complementary

#557C51

#62517C

#7C516B

Tetradic

#557C51

#516B7C

#78517C

#7C6251

Color Blindness Simulation

Original

#557C51

Protanopia

#66665B

Deuteranopia

#64615E

Tritanopia

#576465

Achromatopsia

#717171

CSS Usage

background-color: #557C51;
color: #557C51;
border-color: #557C51;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D5E3D4
300
#B7CFB5
400
#91B48D
500
#6A9A65
600
#557B51
700
#446340
800
#354D32
900
#293A27
950
#1A2419

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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