#764C99

#764C99

Color Values

HEX

#764C99

RGB

118, 76, 153

HSL

272.7, 33.6%, 44.9%

HSV

272.7, 50.3%, 60.0%

CMYK

22.9%, 50.3%, 0.0%, 40.0%

OKLCH

0.4974 0.1254 307.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#764C99

#6F994C

Analogous

#4F4C99

#994C96

#764C99

Triadic

#764C99

#99764C

#4C9976

Split Complementary

#764C99

#96994C

#4C994F

Tetradic

#764C99

#994F4C

#6F994C

#4C9699

Color Blindness Simulation

Original

#764C99

Protanopia

#646386

Deuteranopia

#666982

Tritanopia

#747874

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DCCFE7
300
#C4ADD6
400
#A481C0
500
#8355AA
600
#694488
700
#54366D
800
#422A55
900
#32223F
950
#1F1528

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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