#7C53B2

#7C53B2

Color Values

HEX

#7C53B2

RGB

124, 83, 178

HSL

265.9, 38.2%, 51.2%

HSV

265.9, 53.4%, 69.8%

CMYK

30.3%, 53.4%, 0.0%, 30.2%

OKLCH

0.5307 0.1471 301.5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7C53B2

#89B253

Analogous

#535AB2

#AC53B2

#7C53B2

Triadic

#7C53B2

#B27C53

#53B27C

Split Complementary

#7C53B2

#B2AC53

#5AB253

Tetradic

#7C53B2

#B2535A

#89B253

#53B2AC

Color Blindness Simulation

Original

#7C53B2

Protanopia

#6A6A9B

Deuteranopia

#6D7096

Tritanopia

#7A8985

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CEE9
300
#BFAAD9
400
#9C7DC5
500
#794FB0
600
#613F8D
700
#4D3271
800
#3C2758
900
#2E2041
950
#1D1429

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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