#7F1B87

#7F1B87

Color Values

HEX

#7F1B87

RGB

127, 27, 135

HSL

295.6, 66.7%, 31.8%

HSV

295.6, 80.0%, 52.9%

CMYK

5.9%, 80.0%, 0.0%, 47.1%

OKLCH

0.437 0.181 324.7

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#7F1B87

#23871B

Analogous

#491B87

#871B59

#7F1B87

Triadic

#7F1B87

#877F1B

#1B877F

Split Complementary

#7F1B87

#59871B

#1B8749

Tetradic

#7F1B87

#87491B

#23871B

#1B5987

Color Blindness Simulation

Original

#7F1B87

Protanopia

#54536D

Deuteranopia

#5A6167

Tritanopia

#7A5854

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E3F7
200
#F0C3F3
300
#E599EB
400
#D662E0
500
#C82AD5
600
#A022AA
700
#801B88
800
#64156A
900
#49134E
950
#2E0C31

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

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