#7F0D86

#7F0D86

Color Values

HEX

#7F0D86

RGB

127, 13, 134

HSL

296.5, 82.3%, 28.8%

HSV

296.5, 90.3%, 52.5%

CMYK

5.2%, 90.3%, 0.0%, 47.5%

OKLCH

0.4282 0.1908 325.4

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#7F0D86

#14860D

Analogous

#420D86

#860D50

#7F0D86

Triadic

#7F0D86

#867F0D

#0D867F

Split Complementary

#7F0D86

#50860D

#0D8642

Tetradic

#7F0D86

#86420D

#14860D

#0D5086

Color Blindness Simulation

Original

#7F0D86

Protanopia

#4E4D69

Deuteranopia

#545D62

Tritanopia

#79524D

Achromatopsia

#2E2E2E

CSS Usage

background-color: #7F0D86;
color: #7F0D86;
border-color: #7F0D86;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F5BEF9
300
#EE8FF4
400
#E553EE
500
#DC17E8
600
#B012BA
700
#8D0E95
800
#6E0B74
900
#500D54
950
#330835

Contrast Checker

Text on white

9.11:1

AA Pass AAA Pass

Text on black

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