#9496CC

#9496CC

Color Values

HEX

#9496CC

RGB

148, 150, 204

HSL

237.9, 35.4%, 69.0%

HSV

237.9, 27.5%, 80.0%

CMYK

27.5%, 26.5%, 0.0%, 20.0%

OKLCH

0.6915 0.0791 282.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9496CC

#CCCA94

Analogous

#94B2CC

#AE94CC

#9496CC

Triadic

#9496CC

#CC9496

#96CC94

Split Complementary

#9496CC

#CCAE94

#B2CC94

Tetradic

#9496CC

#CC94B2

#CCCA94

#94CCAE

Color Blindness Simulation

Original

#9496CC

Protanopia

#9595BF

Deuteranopia

#9595BC

Tritanopia

#94B5B2

Achromatopsia

#999999

CSS Usage

background-color: #9496CC;
color: #9496CC;
border-color: #9496CC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFD0E8
300
#ACAED7
400
#7F82C2
500
#5256AD
600
#42448A
700
#35376E
800
#292B56
900
#212240
950
#151628

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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