#8A7FE4

#8A7FE4

Color Values

HEX

#8A7FE4

RGB

138, 127, 228

HSL

246.5, 65.2%, 69.6%

HSV

246.5, 44.3%, 89.4%

CMYK

39.5%, 44.3%, 0.0%, 10.6%

OKLCH

0.6509 0.1474 286.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8A7FE4

#D9E47F

Analogous

#7FA7E4

#BC7FE4

#8A7FE4

Triadic

#8A7FE4

#E48A7F

#7FE48A

Split Complementary

#8A7FE4

#E4BC7F

#A7E47F

Tetradic

#8A7FE4

#E47FA7

#D9E47F

#7FE4BC

Color Blindness Simulation

Original

#8A7FE4

Protanopia

#8585CC

Deuteranopia

#8687C6

Tritanopia

#89B8B4

Achromatopsia

#898989

CSS Usage

background-color: #8A7FE4;
color: #8A7FE4;
border-color: #8A7FE4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C9C4F3
300
#A39AEA
400
#7063DE
500
#3E2CD3
600
#3223A9
700
#281C87
800
#1F1669
900
#1A144D
950
#110D31

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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