#5F7282

#5F7282

Color Values

HEX

#5F7282

RGB

95, 114, 130

HSL

207.4, 15.6%, 44.1%

HSV

207.4, 26.9%, 51.0%

CMYK

26.9%, 12.3%, 0.0%, 49.0%

OKLCH

0.5425 0.0338 243.8

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#5F7282

#826F5F

Analogous

#5F8280

#5F6082

#5F7282

Triadic

#5F7282

#825F72

#72825F

Split Complementary

#5F7282

#825F60

#82805F

Tetradic

#5F7282

#805F82

#826F5F

#60825F

Color Blindness Simulation

Original

#5F7282

Protanopia

#67677E

Deuteranopia

#66657D

Tritanopia

#607B7A

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DCE1
300
#B8C3CB
400
#92A2AF
500
#6C8193
600
#566776
700
#45535E
800
#36414A
900
#2A3137
950
#1A1F23

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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