#9197C2

#9197C2

Color Values

HEX

#9197C2

RGB

145, 151, 194

HSL

232.7, 28.7%, 66.5%

HSV

232.7, 25.3%, 76.1%

CMYK

25.3%, 22.2%, 0.0%, 23.9%

OKLCH

0.687 0.0636 278.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9197C2

#C2BC91

Analogous

#91B0C2

#A491C2

#9197C2

Triadic

#9197C2

#C29197

#97C291

Split Complementary

#9197C2

#C2A491

#B0C291

Tetradic

#9197C2

#C291B0

#C2BC91

#91C2A4

Color Blindness Simulation

Original

#9197C2

Protanopia

#9494B8

Deuteranopia

#9393B5

Tritanopia

#91AFAE

Achromatopsia

#999999

CSS Usage

background-color: #9197C2;
color: #9197C2;
border-color: #9197C2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D4E6
300
#B0B5D3
400
#868CBC
500
#5B64A4
600
#495083
700
#3A4069
800
#2D3252
900
#24273D
950
#171927

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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