#7F54B3

#7F54B3

Color Values

HEX

#7F54B3

RGB

127, 84, 179

HSL

267.2, 38.5%, 51.6%

HSV

267.2, 53.1%, 70.2%

CMYK

29.1%, 53.1%, 0.0%, 29.8%

OKLCH

0.5362 0.1475 302.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7F54B3

#88B354

Analogous

#5458B3

#AF54B3

#7F54B3

Triadic

#7F54B3

#B37F54

#54B37F

Split Complementary

#7F54B3

#B3AF54

#58B354

Tetradic

#7F54B3

#B35458

#88B354

#54B3AF

Color Blindness Simulation

Original

#7F54B3

Protanopia

#6C6C9C

Deuteranopia

#6F7296

Tritanopia

#7D8A86

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DACEE9
300
#C0AAD9
400
#9D7CC5
500
#7B4EB1
600
#623F8D
700
#4F3271
800
#3D2758
900
#2F2041
950
#1E1429

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026