#5D7462

#5D7462

Color Values

HEX

#5D7462

RGB

93, 116, 98

HSL

133.0, 11.0%, 41.0%

HSV

133.0, 19.8%, 45.5%

CMYK

19.8%, 0.0%, 15.5%, 54.5%

OKLCH

0.535 0.0389 151.4

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#5D7462

#745D6F

Analogous

#64745D

#5D746E

#5D7462

Triadic

#5D7462

#625D74

#74625D

Split Complementary

#5D7462

#6E5D74

#745D64

Tetradic

#5D7462

#5D6474

#745D6F

#746E5D

Color Blindness Simulation

Original

#5D7462

Protanopia

#676766

Deuteranopia

#666467

Tritanopia

#5E6A6B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7DFD9
300
#BBC9BE
400
#96AB9B
500
#718E78
600
#5B7160
700
#495B4D
800
#39473C
900
#2C352E
950
#1C221D

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026