#5D7073

#5D7073

Color Values

HEX

#5D7073

RGB

93, 112, 115

HSL

188.2, 10.6%, 40.8%

HSV

188.2, 19.1%, 45.1%

CMYK

19.1%, 2.6%, 0.0%, 54.9%

OKLCH

0.5307 0.0231 208.1

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#5D7073

#73605D

Analogous

#5D736B

#5D6573

#5D7073

Triadic

#5D7073

#735D70

#70735D

Split Complementary

#5D7073

#735D65

#736B5D

Tetradic

#5D7073

#6B5D73

#73605D

#65735D

Color Blindness Simulation

Original

#5D7073

Protanopia

#656572

Deuteranopia

#646372

Tritanopia

#5E7272

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DEDF
300
#BBC7C8
400
#97A8AB
500
#72898D
600
#5B6E71
700
#49585A
800
#394547
900
#2C3435
950
#1C2122

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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