#7F3976

#7F3976

Color Values

HEX

#7F3976

RGB

127, 57, 118

HSL

307.7, 38.0%, 36.1%

HSV

307.7, 55.1%, 49.8%

CMYK

0.0%, 55.1%, 7.1%, 50.2%

OKLCH

0.4599 0.1253 332.5

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#7F3976

#397F42

Analogous

#65397F

#7F3953

#7F3976

Triadic

#7F3976

#767F39

#39767F

Split Complementary

#7F3976

#537F39

#397F65

Tetradic

#7F3976

#7F6539

#397F42

#39537F

Color Blindness Simulation

Original

#7F3976

Protanopia

#616067

Deuteranopia

#656A64

Tritanopia

#7B5C59

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CEE5
300
#D9ABD3
400
#C57DBB
500
#B04FA4
600
#8D3F83
700
#713369
800
#582852
900
#41203D
950
#291426

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

2.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026