#7D4DA7

#7D4DA7

Color Values

HEX

#7D4DA7

RGB

125, 77, 167

HSL

272.0, 36.9%, 47.8%

HSV

272.0, 53.9%, 65.5%

CMYK

25.1%, 53.9%, 0.0%, 34.5%

OKLCH

0.5153 0.1434 306.7

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7D4DA7

#77A74D

Analogous

#504DA7

#A74DA4

#7D4DA7

Triadic

#7D4DA7

#A77D4D

#4DA77D

Split Complementary

#7D4DA7

#A4A74D

#4DA750

Tetradic

#7D4DA7

#A7504D

#77A74D

#4DA4A7

Color Blindness Simulation

Original

#7D4DA7

Protanopia

#686891

Deuteranopia

#6B6F8C

Tritanopia

#7B807C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7D4DA7;
color: #7D4DA7;
border-color: #7D4DA7;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DCCEE8
300
#C3ABD8
400
#A37EC3
500
#8350AF
600
#69408C
700
#543370
800
#412857
900
#322041
950
#1F1429

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026