#764660

#764660

Color Values

HEX

#764660

RGB

118, 70, 96

HSL

327.5, 25.5%, 36.9%

HSV

327.5, 40.7%, 46.3%

CMYK

0.0%, 40.7%, 18.6%, 53.7%

OKLCH

0.4591 0.0748 346.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#764660

#46765C

Analogous

#744676

#764648

#764660

Triadic

#764660

#607646

#466076

Split Complementary

#764660

#487646

#467674

Tetradic

#764660

#767446

#46765C

#464876

Color Blindness Simulation

Original

#764660

Protanopia

#61615A

Deuteranopia

#646858

Tritanopia

#745554

Achromatopsia

#525252

CSS Usage

background-color: #764660;
color: #764660;
border-color: #764660;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D2DC
300
#D1B2C3
400
#B989A3
500
#A05F82
600
#804C68
700
#663D53
800
#502F41
900
#3C2531
950
#26181F

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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