#5F717F

#5F717F

Color Values

HEX

#5F717F

RGB

95, 113, 127

HSL

206.2, 14.4%, 43.5%

HSV

206.2, 25.2%, 49.8%

CMYK

25.2%, 11.0%, 0.0%, 50.2%

OKLCH

0.539 0.0307 241.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#5F717F

#7F6D5F

Analogous

#5F7F7D

#5F617F

#5F717F

Triadic

#5F717F

#7F5F71

#717F5F

Split Complementary

#5F717F

#7F5F61

#7F7D5F

Tetradic

#5F717F

#7D5F7F

#7F6D5F

#617F5F

Color Blindness Simulation

Original

#5F717F

Protanopia

#67677C

Deuteranopia

#66647B

Tritanopia

#607978

Achromatopsia

#6E6E6E

CSS Usage

background-color: #5F717F;
color: #5F717F;
border-color: #5F717F;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DCE0
300
#B9C3CB
400
#93A2AE
500
#6D8292
600
#576875
700
#46535D
800
#374149
900
#2A3137
950
#1B1F23

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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