#7F2485

#7F2485

Color Values

HEX

#7F2485

RGB

127, 36, 133

HSL

296.3, 57.4%, 33.1%

HSV

296.3, 72.9%, 52.2%

CMYK

4.5%, 72.9%, 0.0%, 47.8%

OKLCH

0.4433 0.1696 325.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#7F2485

#2A8524

Analogous

#4E2485

#85245A

#7F2485

Triadic

#7F2485

#857F24

#24857F

Split Complementary

#7F2485

#5A8524

#24854E

Tetradic

#7F2485

#854E24

#2A8524

#245A85

Color Blindness Simulation

Original

#7F2485

Protanopia

#58576E

Deuteranopia

#5D6468

Tritanopia

#7A5B57

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EDC7F0
300
#E19FE5
400
#D06AD7
500
#C036C9
600
#992BA1
700
#7B2380
800
#601B64
900
#461749
950
#2C0F2E

Contrast Checker

Text on white

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