#7E4DAF

#7E4DAF

Color Values

HEX

#7E4DAF

RGB

126, 77, 175

HSL

270.0, 38.9%, 49.4%

HSV

270.0, 56.0%, 68.6%

CMYK

28.0%, 56.0%, 0.0%, 31.4%

OKLCH

0.5214 0.1534 304.7

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7E4DAF

#7EAF4D

Analogous

#4D4DAF

#AF4DAF

#7E4DAF

Triadic

#7E4DAF

#AF7E4D

#4DAF7E

Split Complementary

#7E4DAF

#AFAF4D

#4DAF4D

Tetradic

#7E4DAF

#AF4D4D

#7EAF4D

#4DAFAF

Color Blindness Simulation

Original

#7E4DAF

Protanopia

#696897

Deuteranopia

#6C6F92

Tritanopia

#7C8580

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7E4DAF;
color: #7E4DAF;
border-color: #7E4DAF;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCDE9
300
#C2AADA
400
#A17CC5
500
#804EB1
600
#663E8E
700
#523271
800
#402759
900
#301F41
950
#1F1429

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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