#9496E6

#9496E6

Color Values

HEX

#9496E6

RGB

148, 150, 230

HSL

238.5, 62.1%, 74.1%

HSV

238.5, 35.7%, 90.2%

CMYK

35.7%, 34.8%, 0.0%, 9.8%

OKLCH

0.7036 0.1163 281.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9496E6

#E6E494

Analogous

#94BFE6

#BB94E6

#9496E6

Triadic

#9496E6

#E69496

#96E694

Split Complementary

#9496E6

#E6BB94

#BFE694

Tetradic

#9496E6

#E694BF

#E6E494

#94E6BB

Color Blindness Simulation

Original

#9496E6

Protanopia

#9595D3

Deuteranopia

#9595CE

Tritanopia

#94C3C0

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E4F7
200
#C5C6F1
300
#9C9EE8
400
#6669DB
500
#3034CF
600
#272AA5
700
#1F2184
800
#181A67
900
#15174C
950
#0D0E30

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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