#9F93F3

#9F93F3

Color Values

HEX

#9F93F3

RGB

159, 147, 243

HSL

247.5, 80.0%, 76.5%

HSV

247.5, 39.5%, 95.3%

CMYK

34.6%, 39.5%, 0.0%, 4.7%

OKLCH

0.713 0.1378 288.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9F93F3

#E7F393

Analogous

#93B7F3

#CF93F3

#9F93F3

Triadic

#9F93F3

#F39F93

#93F39F

Split Complementary

#9F93F3

#F3CF93

#B7F393

Tetradic

#9F93F3

#F393B7

#E7F393

#93F3CF

Color Blindness Simulation

Original

#9F93F3

Protanopia

#9A9ADC

Deuteranopia

#9A9BD6

Tritanopia

#9EC9C5

Achromatopsia

#9C9C9C

CSS Usage

background-color: #9F93F3;
color: #9F93F3;
border-color: #9F93F3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FD
100
#E4E1F9
200
#C6BFF8
300
#9D91F3
400
#6855EC
500
#3319E6
600
#2914B8
700
#211093
800
#190D73
900
#160E53
950
#0E0935

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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