#9196AB

#9196AB

Color Values

HEX

#9196AB

RGB

145, 150, 171

HSL

228.5, 13.4%, 62.0%

HSV

228.5, 15.2%, 67.1%

CMYK

15.2%, 12.3%, 0.0%, 32.9%

OKLCH

0.676 0.0314 274.9

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9196AB

#ABA691

Analogous

#91A3AB

#9991AB

#9196AB

Triadic

#9196AB

#AB9196

#96AB91

Split Complementary

#9196AB

#AB9991

#A3AB91

Tetradic

#9196AB

#AB91A3

#ABA691

#91AB99

Color Blindness Simulation

Original

#9196AB

Protanopia

#9393A6

Deuteranopia

#9392A5

Tritanopia

#91A2A1

Achromatopsia

#969696

CSS Usage

background-color: #9196AB;
color: #9196AB;
border-color: #9196AB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D7D8E0
300
#BABDCA
400
#9499AD
500
#6E7591
600
#585E74
700
#474B5D
800
#373A48
900
#2B2D36
950
#1B1C22

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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