#5F7276

#5F7276

Color Values

HEX

#5F7276

RGB

95, 114, 118

HSL

190.4, 10.8%, 41.8%

HSV

190.4, 19.5%, 46.3%

CMYK

19.5%, 3.4%, 0.0%, 53.7%

OKLCH

0.538 0.0234 211.8

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#5F7276

#76635F

Analogous

#5F766F

#5F6776

#5F7276

Triadic

#5F7276

#765F72

#72765F

Split Complementary

#5F7276

#765F67

#766F5F

Tetradic

#5F7276

#6F5F76

#76635F

#67765F

Color Blindness Simulation

Original

#5F7276

Protanopia

#676775

Deuteranopia

#666575

Tritanopia

#607474

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D7DEDF
300
#BBC6C8
400
#96A7AB
500
#72888D
600
#5B6D71
700
#49575A
800
#394447
900
#2C3435
950
#1C2122

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

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