#764688

#764688

Color Values

HEX

#764688

RGB

118, 70, 136

HSL

283.6, 32.0%, 40.4%

HSV

283.6, 48.5%, 53.3%

CMYK

13.2%, 48.5%, 0.0%, 46.7%

OKLCH

0.4777 0.1152 316.2

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#764688

#588846

Analogous

#554688

#884679

#764688

Triadic

#764688

#887646

#468876

Split Complementary

#764688

#798846

#468855

Tetradic

#764688

#885546

#588846

#467988

Color Blindness Simulation

Original

#764688

Protanopia

#616178

Deuteranopia

#646874

Tritanopia

#746B69

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#CBAED5
400
#AE82BF
500
#9257A8
600
#754587
700
#5D376C
800
#492B54
900
#37223E
950
#231627

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

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