#7F2F78

#7F2F78

Color Values

HEX

#7F2F78

RGB

127, 47, 120

HSL

305.2, 46.0%, 34.1%

HSV

305.2, 63.0%, 49.8%

CMYK

0.0%, 63.0%, 5.5%, 50.2%

OKLCH

0.4477 0.1433 331.3

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#7F2F78

#2F7F36

Analogous

#5E2F7F

#7F2F50

#7F2F78

Triadic

#7F2F78

#787F2F

#2F787F

Split Complementary

#7F2F78

#507F2F

#2F7F5E

Tetradic

#7F2F78

#7F5E2F

#2F7F36

#2F507F

Color Blindness Simulation

Original

#7F2F78

Protanopia

#5C5C66

Deuteranopia

#616762

Tritanopia

#7B5855

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA6D9
400
#CC75C5
500
#BA45B0
600
#95378D
700
#772C71
800
#5D2258
900
#451C41
950
#2B1229

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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