#7F015C

#7F015C

Color Values

HEX

#7F015C

RGB

127, 1, 92

HSL

316.7, 98.4%, 25.1%

HSV

316.7, 99.2%, 49.8%

CMYK

0.0%, 99.2%, 27.6%, 50.2%

OKLCH

0.3984 0.169 344.6

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#7F015C

#017F24

Analogous

#63017F

#7F011D

#7F015C

Triadic

#7F015C

#5C7F01

#015C7F

Split Complementary

#7F015C

#1D7F01

#017F63

Tetradic

#7F015C

#7F6301

#017F24

#011D7F

Color Blindness Simulation

Original

#7F015C

Protanopia

#484746

Deuteranopia

#505941

Tritanopia

#793531

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF4
200
#FEB8EB
300
#FE86DC
400
#FD44CA
500
#FD02B7
600
#CA0292
700
#A20175
800
#7E015C
900
#5B0643
950
#3A042B

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

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