#8975FA

#8975FA

Color Values

HEX

#8975FA

RGB

137, 117, 250

HSL

249.0, 93.0%, 72.0%

HSV

249.0, 53.2%, 98.0%

CMYK

45.2%, 53.2%, 0.0%, 2.0%

OKLCH

0.6458 0.1908 286.7

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8975FA

#E6FA75

Analogous

#75A4FA

#CC75FA

#8975FA

Triadic

#8975FA

#FA8975

#75FA89

Split Complementary

#8975FA

#FACC75

#A4FA75

Tetradic

#8975FA

#FA75A4

#E6FA75

#75FACC

Color Blindness Simulation

Original

#8975FA

Protanopia

#8080DA

Deuteranopia

#8283D2

Tritanopia

#88C0BB

Achromatopsia

#838383

CSS Usage

background-color: #8975FA;
color: #8975FA;
border-color: #8975FA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C4BAFD
300
#9A89FB
400
#6349F8
500
#2C09F6
600
#2407C5
700
#1C069D
800
#16047B
900
#140859
950
#0D0538

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

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