#5C7463

#5C7463

Color Values

HEX

#5C7463

RGB

92, 116, 99

HSL

137.5, 11.5%, 40.8%

HSV

137.5, 20.7%, 45.5%

CMYK

20.7%, 0.0%, 14.7%, 54.5%

OKLCH

0.5345 0.0386 154.1

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#5C7463

#745C6D

Analogous

#61745C

#5C746F

#5C7463

Triadic

#5C7463

#635C74

#74635C

Split Complementary

#5C7463

#6F5C74

#745C61

Tetradic

#5C7463

#5C6174

#745C6D

#746F5C

Color Blindness Simulation

Original

#5C7463

Protanopia

#666767

Deuteranopia

#656368

Tritanopia

#5D6A6B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7DFDA
300
#BBC9BF
400
#96AC9C
500
#718E79
600
#5A7261
700
#485B4E
800
#38473D
900
#2B352E
950
#1B221D

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026