#9496F4

#9496F4

Color Values

HEX

#9496F4

RGB

148, 150, 244

HSL

238.8, 81.4%, 76.9%

HSV

238.8, 39.3%, 95.7%

CMYK

39.3%, 38.5%, 0.0%, 4.3%

OKLCH

0.7106 0.1359 281.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9496F4

#F4F294

Analogous

#94C6F4

#C294F4

#9496F4

Triadic

#9496F4

#F49496

#96F494

Split Complementary

#9496F4

#F4C294

#C6F494

Tetradic

#9496F4

#F494C6

#F4F294

#94F4C2

Color Blindness Simulation

Original

#9496F4

Protanopia

#9595DD

Deuteranopia

#9595D8

Tritanopia

#94CBC7

Achromatopsia

#9C9C9C

CSS Usage

background-color: #9496F4;
color: #9496F4;
border-color: #9496F4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF8
300
#9092F4
400
#5457ED
500
#181CE7
600
#1316B9
700
#0F1294
800
#0C0E74
900
#0D0E54
950
#080935

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026