#9196F3

#9196F3

Color Values

HEX

#9196F3

RGB

145, 150, 243

HSL

236.9, 80.3%, 76.1%

HSV

236.9, 40.3%, 95.3%

CMYK

40.3%, 38.3%, 0.0%, 4.7%

OKLCH

0.7079 0.135 280.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9196F3

#F3EE91

Analogous

#91C7F3

#BD91F3

#9196F3

Triadic

#9196F3

#F39196

#96F391

Split Complementary

#9196F3

#F3BD91

#C7F391

Tetradic

#9196F3

#F391C7

#F3EE91

#91F3BD

Color Blindness Simulation

Original

#9196F3

Protanopia

#9393DD

Deuteranopia

#9392D7

Tritanopia

#91CBC7

Achromatopsia

#9C9C9C

CSS Usage

background-color: #9196F3;
color: #9196F3;
border-color: #9196F3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC2F8
300
#9196F3
400
#555DEC
500
#1924E6
600
#141DB8
700
#101793
800
#0D1273
900
#0D1153
950
#080B35

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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