#764B93

#764B93

Color Values

HEX

#764B93

RGB

118, 75, 147

HSL

275.8, 32.4%, 43.5%

HSV

275.8, 49.0%, 57.6%

CMYK

19.7%, 49.0%, 0.0%, 42.4%

OKLCH

0.4923 0.1197 310.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#764B93

#68934B

Analogous

#524B93

#934B8C

#764B93

Triadic

#764B93

#93764B

#4B9376

Split Complementary

#764B93

#8C934B

#4B9352

Tetradic

#764B93

#93524B

#68934B

#4B8C93

Color Blindness Simulation

Original

#764B93

Protanopia

#636382

Deuteranopia

#66697D

Tritanopia

#747471

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E7
300
#C6AED6
400
#A782BF
500
#8756A9
600
#6C4587
700
#57376C
800
#442B54
900
#33223F
950
#201628

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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