#5F969C

#5F969C

Color Values

HEX

#5F969C

RGB

95, 150, 156

HSL

185.9, 24.3%, 49.2%

HSV

185.9, 39.1%, 61.2%

CMYK

39.1%, 3.8%, 0.0%, 38.8%

OKLCH

0.6372 0.0587 204.6

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#5F969C

#9C655F

Analogous

#5F9C83

#5F779C

#5F969C

Triadic

#5F969C

#9C5F96

#969C5F

Split Complementary

#5F969C

#9C5F77

#9C835F

Tetradic

#5F969C

#835F9C

#9C655F

#779C5F

Color Blindness Simulation

Original

#5F969C

Protanopia

#77779B

Deuteranopia

#74709A

Tritanopia

#629999

Achromatopsia

#8B8B8B

CSS Usage

background-color: #5F969C;
color: #5F969C;
border-color: #5F969C;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D3E2E4
300
#B3CED1
400
#8AB3B8
500
#61989E
600
#4D7A7F
700
#3E6265
800
#304C4F
900
#26393B
950
#182425

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026