#9197CE

#9197CE

Color Values

HEX

#9197CE

RGB

145, 151, 206

HSL

234.1, 38.4%, 68.8%

HSV

234.1, 29.6%, 80.8%

CMYK

29.6%, 26.7%, 0.0%, 19.2%

OKLCH

0.6921 0.081 279.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9197CE

#CEC891

Analogous

#91B5CE

#A991CE

#9197CE

Triadic

#9197CE

#CE9197

#97CE91

Split Complementary

#9197CE

#CEA991

#B5CE91

Tetradic

#9197CE

#CE91B5

#CEC891

#91CEA9

Color Blindness Simulation

Original

#9197CE

Protanopia

#9494C1

Deuteranopia

#9393BE

Tritanopia

#91B6B4

Achromatopsia

#9A9A9A

CSS Usage

background-color: #9197CE;
color: #9197CE;
border-color: #9197CE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAFD9
400
#7C84C5
500
#4F58B0
600
#3F478D
700
#323871
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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