#9193F7

#9193F7

Color Values

HEX

#9193F7

RGB

145, 147, 247

HSL

238.8, 86.4%, 76.9%

HSV

238.8, 41.3%, 96.9%

CMYK

41.3%, 40.5%, 0.0%, 3.1%

OKLCH

0.7043 0.1446 281.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9193F7

#F7F591

Analogous

#91C6F7

#C291F7

#9193F7

Triadic

#9193F7

#F79193

#93F791

Split Complementary

#9193F7

#F7C291

#C6F791

Tetradic

#9193F7

#F791C6

#F7F591

#91F7C2

Color Blindness Simulation

Original

#9193F7

Protanopia

#9292DF

Deuteranopia

#9292D9

Tritanopia

#91CCC8

Achromatopsia

#9A9A9A

CSS Usage

background-color: #9193F7;
color: #9193F7;
border-color: #9193F7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFA
300
#8D8FF7
400
#4F52F2
500
#1116EE
600
#0E11BE
700
#0B0E98
800
#090B77
900
#0B0C56
950
#070836

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.72:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026