#7F0A72

#7F0A72

Color Values

HEX

#7F0A72

RGB

127, 10, 114

HSL

306.7, 85.4%, 26.9%

HSV

306.7, 92.1%, 49.8%

CMYK

0.0%, 92.1%, 10.2%, 50.2%

OKLCH

0.4142 0.1779 334.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7F0A72

#0A7F17

Analogous

#520A7F

#7F0A38

#7F0A72

Triadic

#7F0A72

#727F0A

#0A727F

Split Complementary

#7F0A72

#387F0A

#0A7F52

Tetradic

#7F0A72

#7F520A

#0A7F17

#0A387F

Color Blindness Simulation

Original

#7F0A72

Protanopia

#4C4B59

Deuteranopia

#535C53

Tritanopia

#794541

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF3
300
#F68EEA
400
#F150DF
500
#EC13D4
600
#BD0FAA
700
#970C88
800
#76096A
900
#560B4D
950
#360731

Contrast Checker

Text on white

9.59:1

AA Pass AAA Pass

Text on black

2.19:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026