#7D3084

#7D3084

Color Values

HEX

#7D3084

RGB

125, 48, 132

HSL

295.0, 46.7%, 35.3%

HSV

295.0, 63.6%, 51.8%

CMYK

5.3%, 63.6%, 0.0%, 48.2%

OKLCH

0.4527 0.1515 324.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#7D3084

#378430

Analogous

#533084

#843061

#7D3084

Triadic

#7D3084

#847D30

#30847D

Split Complementary

#7D3084

#618430

#308453

Tetradic

#7D3084

#845330

#378430

#306184

Color Blindness Simulation

Original

#7D3084

Protanopia

#5C5B70

Deuteranopia

#60666B

Tritanopia

#79605C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E9CBEC
300
#DAA5DE
400
#C575CD
500
#B144BB
600
#8E3696
700
#712B78
800
#59225E
900
#411C45
950
#29122B

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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