#95A0AF

#95A0AF

Color Values

HEX

#95A0AF

RGB

149, 160, 175

HSL

214.6, 14.0%, 63.5%

HSV

214.6, 14.9%, 68.6%

CMYK

14.9%, 8.6%, 0.0%, 31.4%

OKLCH

0.7019 0.0253 256.1

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#95A0AF

#AFA495

Analogous

#95ADAF

#9795AF

#95A0AF

Triadic

#95A0AF

#AF95A0

#A0AF95

Split Complementary

#95A0AF

#AF9795

#ADAF95

Tetradic

#95A0AF

#AF95AD

#AFA495

#95AF97

Color Blindness Simulation

Original

#95A0AF

Protanopia

#9A9AAB

Deuteranopia

#9998AA

Tritanopia

#96A9A8

Achromatopsia

#9F9F9F

CSS Usage

background-color: #95A0AF;
color: #95A0AF;
border-color: #95A0AF;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C0CA
400
#939FAE
500
#6E7D91
600
#586474
700
#46505D
800
#373E49
900
#2A3037
950
#1B1E22

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

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