#757C57

#757C57

Color Values

HEX

#757C57

RGB

117, 124, 87

HSL

71.4, 17.5%, 41.4%

HSV

71.4, 29.8%, 48.6%

CMYK

5.6%, 0.0%, 29.8%, 51.4%

OKLCH

0.5704 0.0545 116.9

Properties

Cool Light Nearest: RAL 7002 Olive Grey

Color Harmonies

Complementary

#757C57

#5E577C

Analogous

#7C7157

#637C57

#757C57

Triadic

#757C57

#57757C

#7C5775

Split Complementary

#757C57

#57637C

#71577C

Tetradic

#757C57

#577C71

#5E577C

#7C5763

Color Blindness Simulation

Original

#757C57

Protanopia

#787860

Deuteranopia

#787762

Tritanopia

#756769

Achromatopsia

#787878

CSS Usage

background-color: #757C57;
color: #757C57;
border-color: #757C57;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#EFF0EA
200
#DFE2D5
300
#C8CDB7
400
#ABB190
500
#8D9669
600
#717854
700
#5A6043
800
#474B35
900
#353829
950
#22231A

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass 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