#764274

#764274

Color Values

HEX

#764274

RGB

118, 66, 116

HSL

302.3, 28.3%, 36.1%

HSV

302.3, 44.1%, 46.3%

CMYK

0.0%, 44.1%, 1.7%, 53.7%

OKLCH

0.4607 0.1004 328.4

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#764274

#427644

Analogous

#5E4276

#76425A

#764274

Triadic

#764274

#747642

#427476

Split Complementary

#764274

#5A7642

#42765E

Tetradic

#764274

#765E42

#427644

#425A76

Color Blindness Simulation

Original

#764274

Protanopia

#5F5F68

Deuteranopia

#626665

Tritanopia

#735E5C

Achromatopsia

#515151

CSS Usage

background-color: #764274;
color: #764274;
border-color: #764274;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E5D1E5
300
#D3B0D2
400
#BB86B9
500
#A45BA1
600
#834981
700
#693B67
800
#522E50
900
#3D243C
950
#261726

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026