#5F898F

#5F898F

Color Values

HEX

#5F898F

RGB

95, 137, 143

HSL

187.5, 20.2%, 46.7%

HSV

187.5, 33.6%, 56.1%

CMYK

33.6%, 4.2%, 0.0%, 43.9%

OKLCH

0.6016 0.047 207.1

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#5F898F

#8F655F

Analogous

#5F8F7D

#5F718F

#5F898F

Triadic

#5F898F

#8F5F89

#898F5F

Split Complementary

#5F898F

#8F5F71

#8F7D5F

Tetradic

#5F898F

#7D5F8F

#8F655F

#718F5F

Color Blindness Simulation

Original

#5F898F

Protanopia

#71728E

Deuteranopia

#6F6C8D

Tritanopia

#618C8C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E1E3
300
#B5CBCE
400
#8EAFB4
500
#669399
600
#51757B
700
#415E62
800
#33494D
900
#283739
950
#192324

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass 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