#9296D7

#9296D7

Color Values

HEX

#9296D7

RGB

146, 150, 215

HSL

236.5, 46.3%, 70.8%

HSV

236.5, 32.1%, 84.3%

CMYK

32.1%, 30.2%, 0.0%, 15.7%

OKLCH

0.6949 0.0952 280.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9296D7

#D7D392

Analogous

#92B9D7

#B192D7

#9296D7

Triadic

#9296D7

#D79296

#96D792

Split Complementary

#9296D7

#D7B192

#B9D792

Tetradic

#9296D7

#D792B9

#D7D392

#92D7B1

Color Blindness Simulation

Original

#9296D7

Protanopia

#9494C7

Deuteranopia

#9493C4

Tritanopia

#92BBB8

Achromatopsia

#9A9A9A

CSS Usage

background-color: #9296D7;
color: #9296D7;
border-color: #9296D7;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCDEC
300
#A5A9DE
400
#757ACC
500
#444BBB
600
#373C95
700
#2C3077
800
#22265D
900
#1C1F45
950
#12132B

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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