#754792

#754792

Color Values

HEX

#754792

RGB

117, 71, 146

HSL

276.8, 34.6%, 42.5%

HSV

276.8, 51.4%, 57.3%

CMYK

19.9%, 51.4%, 0.0%, 42.7%

OKLCH

0.4838 0.125 310.9

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#754792

#649247

Analogous

#4F4792

#924789

#754792

Triadic

#754792

#927547

#479275

Split Complementary

#754792

#899247

#47924F

Tetradic

#754792

#924F47

#649247

#478992

Color Blindness Simulation

Original

#754792

Protanopia

#616180

Deuteranopia

#64677B

Tritanopia

#73726E

Achromatopsia

#565656

CSS Usage

background-color: #754792;
color: #754792;
border-color: #754792;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DECFE8
300
#C7ADD7
400
#A880C1
500
#8953AC
600
#6E4389
700
#58356E
800
#452A56
900
#342140
950
#211528

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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