#9893F2

#9893F2

Color Values

HEX

#9893F2

RGB

152, 147, 242

HSL

243.2, 78.5%, 76.3%

HSV

243.2, 39.3%, 94.9%

CMYK

37.2%, 39.3%, 0.0%, 5.1%

OKLCH

0.7069 0.1368 284.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9893F2

#EDF293

Analogous

#93BEF2

#C893F2

#9893F2

Triadic

#9893F2

#F29893

#93F298

Split Complementary

#9893F2

#F2C893

#BEF293

Tetradic

#9893F2

#F293BE

#EDF293

#93F2C8

Color Blindness Simulation

Original

#9893F2

Protanopia

#9696DB

Deuteranopia

#9696D5

Tritanopia

#98C9C5

Achromatopsia

#9B9B9B

CSS Usage

background-color: #9893F2;
color: #9893F2;
border-color: #9893F2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C2BFF7
300
#9792F2
400
#5E57EB
500
#261BE4
600
#1E16B6
700
#181292
800
#130E72
900
#120E53
950
#0B0934

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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