#7F2386

#7F2386

Color Values

HEX

#7F2386

RGB

127, 35, 134

HSL

295.8, 58.6%, 33.1%

HSV

295.8, 73.9%, 52.5%

CMYK

5.2%, 73.9%, 0.0%, 47.5%

OKLCH

0.443 0.1716 324.9

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#7F2386

#2A8623

Analogous

#4D2386

#86235B

#7F2386

Triadic

#7F2386

#867F23

#23867F

Split Complementary

#7F2386

#5B8623

#23864D

Tetradic

#7F2386

#864D23

#2A8623

#235B86

Color Blindness Simulation

Original

#7F2386

Protanopia

#57566E

Deuteranopia

#5C6368

Tritanopia

#7A5B57

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EDC6F0
300
#E19EE6
400
#D069D8
500
#C035CA
600
#992AA2
700
#7B2281
800
#601A65
900
#46174A
950
#2C0E2F

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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