#8575F6

#8575F6

Color Values

HEX

#8575F6

RGB

133, 117, 246

HSL

247.4, 87.8%, 71.2%

HSV

247.4, 52.4%, 96.5%

CMYK

45.9%, 52.4%, 0.0%, 3.5%

OKLCH

0.64 0.1859 285.5

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8575F6

#E6F675

Analogous

#75A6F6

#C575F6

#8575F6

Triadic

#8575F6

#F68575

#75F685

Split Complementary

#8575F6

#F6C575

#A6F675

Tetradic

#8575F6

#F675A6

#E6F675

#75F6C5

Color Blindness Simulation

Original

#8575F6

Protanopia

#7E7ED7

Deuteranopia

#7F80CF

Tritanopia

#84BEB9

Achromatopsia

#828282

CSS Usage

background-color: #8575F6;
color: #8575F6;
border-color: #8575F6;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BCFB
300
#998CF8
400
#624EF3
500
#2B10EF
600
#230CC0
700
#1C0A99
800
#160878
900
#140A57
950
#0C0637

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass AAA Fail

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