#8F48BE

#8F48BE

Color Values

HEX

#8F48BE

RGB

143, 72, 190

HSL

276.1, 47.6%, 51.4%

HSV

276.1, 62.1%, 74.5%

CMYK

24.7%, 62.1%, 0.0%, 25.5%

OKLCH

0.5434 0.1831 309.3

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8F48BE

#77BE48

Analogous

#5448BE

#BE48B2

#8F48BE

Triadic

#8F48BE

#BE8F48

#48BE8F

Split Complementary

#8F48BE

#B2BE48

#48BE54

Tetradic

#8F48BE

#BE5448

#77BE48

#48B2BE

Color Blindness Simulation

Original

#8F48BE

Protanopia

#7070A1

Deuteranopia

#747A9B

Tritanopia

#8B8B86

Achromatopsia

#606060

CSS Usage

background-color: #8F48BE;
color: #8F48BE;
border-color: #8F48BE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCAEC
300
#C8A5DF
400
#AA74CE
500
#8C43BC
600
#703597
700
#592B78
800
#46215E
900
#351C45
950
#21112C

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail 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