#764689

#764689

Color Values

HEX

#764689

RGB

118, 70, 137

HSL

283.0, 32.4%, 40.6%

HSV

283.0, 48.9%, 53.7%

CMYK

13.9%, 48.9%, 0.0%, 46.3%

OKLCH

0.4783 0.1164 315.7

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#764689

#598946

Analogous

#554689

#89467B

#764689

Triadic

#764689

#897646

#468976

Split Complementary

#764689

#7B8946

#468955

Tetradic

#764689

#895546

#598946

#467B89

Color Blindness Simulation

Original

#764689

Protanopia

#616179

Deuteranopia

#646875

Tritanopia

#746C69

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#CAAED6
400
#AE82BF
500
#9156A9
600
#744587
700
#5D376C
800
#492B54
900
#37223F
950
#221628

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026