#764057

#764057

Color Values

HEX

#764057

RGB

118, 64, 87

HSL

334.4, 29.7%, 35.7%

HSV

334.4, 45.8%, 46.3%

CMYK

0.0%, 45.8%, 26.3%, 53.7%

OKLCH

0.445 0.0804 353.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#764057

#40765F

Analogous

#764072

#764440

#764057

Triadic

#764057

#577640

#405776

Split Complementary

#764057

#407644

#407276

Tetradic

#764057

#727640

#40765F

#444076

Color Blindness Simulation

Original

#764057

Protanopia

#5F5E51

Deuteranopia

#626650

Tritanopia

#734D4C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #764057;
color: #764057;
border-color: #764057;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D1DA
300
#D4B0BF
400
#BD859D
500
#A55A7A
600
#844862
700
#6A394E
800
#532D3D
900
#3D232F
950
#27161D

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

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