#5F7083

#5F7083

Color Values

HEX

#5F7083

RGB

95, 112, 131

HSL

211.7, 15.9%, 44.3%

HSV

211.7, 27.5%, 51.4%

CMYK

27.5%, 14.5%, 0.0%, 48.6%

OKLCH

0.5382 0.0362 251.4

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#5F7083

#83725F

Analogous

#5F8283

#605F83

#5F7083

Triadic

#5F7083

#835F70

#70835F

Split Complementary

#5F7083

#83605F

#82835F

Tetradic

#5F7083

#835F82

#83725F

#5F8360

Color Blindness Simulation

Original

#5F7083

Protanopia

#66677E

Deuteranopia

#65647D

Tritanopia

#607B7A

Achromatopsia

#6E6E6E

CSS Usage

background-color: #5F7083;
color: #5F7083;
border-color: #5F7083;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C1CC
400
#92A0B0
500
#6B7E94
600
#566576
700
#45515F
800
#363F4A
900
#2A3037
950
#1A1E23

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026