#753BA3

#753BA3

Color Values

HEX

#753BA3

RGB

117, 59, 163

HSL

273.5, 46.8%, 43.5%

HSV

273.5, 63.8%, 63.9%

CMYK

28.2%, 63.8%, 0.0%, 36.1%

OKLCH

0.4765 0.1642 306.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#753BA3

#69A33B

Analogous

#413BA3

#A33B9D

#753BA3

Triadic

#753BA3

#A3753B

#3BA375

Split Complementary

#753BA3

#9DA33B

#3BA341

Tetradic

#753BA3

#A3413B

#69A33B

#3B9DA3

Color Blindness Simulation

Original

#753BA3

Protanopia

#5C5B8A

Deuteranopia

#5F6484

Tritanopia

#727672

Achromatopsia

#4F4F4F

CSS Usage

background-color: #753BA3;
color: #753BA3;
border-color: #753BA3;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C5A5DE
400
#A674CD
500
#8644BB
600
#6C3696
700
#562B78
800
#43225E
900
#331C45
950
#20122B

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

2.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026