#754786

#754786

Color Values

HEX

#754786

RGB

117, 71, 134

HSL

283.8, 30.7%, 40.2%

HSV

283.8, 47.0%, 52.5%

CMYK

12.7%, 47.0%, 0.0%, 47.5%

OKLCH

0.4771 0.1105 316.4

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#754786

#588647

Analogous

#564786

#864778

#754786

Triadic

#754786

#867547

#478675

Split Complementary

#754786

#788647

#478656

Tetradic

#754786

#865647

#588647

#477886

Color Blindness Simulation

Original

#754786

Protanopia

#616177

Deuteranopia

#646773

Tritanopia

#736B68

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E6
300
#CAAFD5
400
#AE84BE
500
#9258A7
600
#744785
700
#5D396B
800
#492C53
900
#37233E
950
#221627

Contrast Checker

Text on white

7.0:1

AA Pass AAA Fail

Text on black

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