#7F016C

#7F016C

Color Values

HEX

#7F016C

RGB

127, 1, 108

HSL

309.0, 98.4%, 25.1%

HSV

309.0, 99.2%, 49.8%

CMYK

0.0%, 99.2%, 15.0%, 50.2%

OKLCH

0.4071 0.1789 336.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7F016C

#017F14

Analogous

#53017F

#7F012D

#7F016C

Triadic

#7F016C

#6C7F01

#016C7F

Split Complementary

#7F016C

#2D7F01

#017F53

Tetradic

#7F016C

#7F5301

#017F14

#012D7F

Color Blindness Simulation

Original

#7F016C

Protanopia

#484752

Deuteranopia

#50594C

Tritanopia

#793E39

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F4
300
#FE86EC
400
#FD44E2
500
#FD02D7
600
#CA02AC
700
#A2018A
800
#7E016C
900
#5B064E
950
#3A0432

Contrast Checker

Text on white

9.89:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026