#9196AA

#9196AA

Color Values

HEX

#9196AA

RGB

145, 150, 170

HSL

228.0, 12.8%, 61.8%

HSV

228.0, 14.7%, 66.7%

CMYK

14.7%, 11.8%, 0.0%, 33.3%

OKLCH

0.6757 0.03 274.4

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9196AA

#AAA591

Analogous

#91A3AA

#9991AA

#9196AA

Triadic

#9196AA

#AA9196

#96AA91

Split Complementary

#9196AA

#AA9991

#A3AA91

Tetradic

#9196AA

#AA91A3

#AAA591

#91AA99

Color Blindness Simulation

Original

#9196AA

Protanopia

#9393A5

Deuteranopia

#9392A4

Tritanopia

#91A1A0

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9E0
300
#BABDCA
400
#9599AD
500
#6F7690
600
#595E73
700
#474B5C
800
#383B48
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

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