#5F8399

#5F8399

Color Values

HEX

#5F8399

RGB

95, 131, 153

HSL

202.8, 23.4%, 48.6%

HSV

202.8, 37.9%, 60.0%

CMYK

37.9%, 14.4%, 0.0%, 40.0%

OKLCH

0.5913 0.0527 235.7

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#5F8399

#99755F

Analogous

#5F9992

#5F6699

#5F8399

Triadic

#5F8399

#995F83

#83995F

Split Complementary

#5F8399

#995F66

#99925F

Tetradic

#5F8399

#925F99

#99755F

#66995F

Color Blindness Simulation

Original

#5F8399

Protanopia

#6F6F94

Deuteranopia

#6C6A92

Tritanopia

#618F8F

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DDE4
300
#B3C5D0
400
#8BA6B7
500
#62879D
600
#4E6C7E
700
#3F5665
800
#31434F
900
#26333B
950
#182025

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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