#8E45BA

#8E45BA

Color Values

HEX

#8E45BA

RGB

142, 69, 186

HSL

277.4, 45.9%, 50.0%

HSV

277.4, 62.9%, 72.9%

CMYK

23.7%, 62.9%, 0.0%, 27.1%

OKLCH

0.5356 0.1827 310.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8E45BA

#71BA45

Analogous

#5345BA

#BA45AC

#8E45BA

Triadic

#8E45BA

#BA8E45

#45BA8E

Split Complementary

#8E45BA

#ACBA45

#45BA53

Tetradic

#8E45BA

#BA5345

#71BA45

#45ACBA

Color Blindness Simulation

Original

#8E45BA

Protanopia

#6E6E9E

Deuteranopia

#737897

Tritanopia

#8A8782

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCBEC
300
#C9A6DE
400
#AB75CC
500
#8E45BA
600
#723795
700
#5B2C77
800
#47225D
900
#351C44
950
#22122B

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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