#8A5EB4

#8A5EB4

Color Values

HEX

#8A5EB4

RGB

138, 94, 180

HSL

270.7, 36.4%, 53.7%

HSV

270.7, 47.8%, 70.6%

CMYK

23.3%, 47.8%, 0.0%, 29.4%

OKLCH

0.5651 0.1352 306.2

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#8A5EB4

#88B45E

Analogous

#5F5EB4

#B45EB3

#8A5EB4

Triadic

#8A5EB4

#B48A5E

#5EB48A

Split Complementary

#8A5EB4

#B3B45E

#5EB45F

Tetradic

#8A5EB4

#B45F5E

#88B45E

#5EB3B4

Color Blindness Simulation

Original

#8A5EB4

Protanopia

#77779F

Deuteranopia

#7A7D9A

Tritanopia

#888F8B

Achromatopsia

#6E6E6E

CSS Usage

background-color: #8A5EB4;
color: #8A5EB4;
border-color: #8A5EB4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DCCEE8
300
#C2ACD8
400
#A17EC3
500
#8151AE
600
#67418B
700
#52346F
800
#402957
900
#312140
950
#1F1529

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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