#753AAA

#753AAA

Color Values

HEX

#753AAA

RGB

117, 58, 170

HSL

271.6, 49.1%, 44.7%

HSV

271.6, 65.9%, 66.7%

CMYK

31.2%, 65.9%, 0.0%, 33.3%

OKLCH

0.4801 0.1734 304.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#753AAA

#6FAA3A

Analogous

#3D3AAA

#AA3AA7

#753AAA

Triadic

#753AAA

#AA753A

#3AAA75

Split Complementary

#753AAA

#A7AA3A

#3AAA3D

Tetradic

#753AAA

#AA3D3A

#6FAA3A

#3AA7AA

Color Blindness Simulation

Original

#753AAA

Protanopia

#5B5B8F

Deuteranopia

#5F6388

Tritanopia

#727975

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DCCAED
300
#C3A4E0
400
#A372CF
500
#8341BE
600
#693498
700
#542A7A
800
#41205F
900
#321B46
950
#1F112C

Contrast Checker

Text on white

7.14:1

AA Pass AAA Pass

Text on black

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