#7F4BB5

#7F4BB5

Color Values

HEX

#7F4BB5

RGB

127, 75, 181

HSL

269.4, 41.7%, 50.2%

HSV

269.4, 58.6%, 71.0%

CMYK

29.8%, 58.6%, 0.0%, 29.0%

OKLCH

0.5233 0.1639 303.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#7F4BB5

#81B54B

Analogous

#4B4CB5

#B44BB5

#7F4BB5

Triadic

#7F4BB5

#B57F4B

#4BB57F

Split Complementary

#7F4BB5

#B5B44B

#4CB54B

Tetradic

#7F4BB5

#B54B4C

#81B54B

#4BB5B4

Color Blindness Simulation

Original

#7F4BB5

Protanopia

#68689B

Deuteranopia

#6C6F95

Tritanopia

#7C8783

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7F4BB5;
color: #7F4BB5;
border-color: #7F4BB5;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCCEA
300
#C1A8DB
400
#A079C8
500
#7E4AB5
600
#653B91
700
#513074
800
#3F255A
900
#301E43
950
#1E132A

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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