#764356

#764356

Color Values

HEX

#764356

RGB

118, 67, 86

HSL

337.6, 27.6%, 36.3%

HSV

337.6, 43.2%, 46.3%

CMYK

0.0%, 43.2%, 27.1%, 53.7%

OKLCH

0.45 0.0745 356.7

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#764356

#437663

Analogous

#764370

#764943

#764356

Triadic

#764356

#567643

#435676

Split Complementary

#764356

#437649

#437076

Tetradic

#764356

#707643

#437663

#494376

Color Blindness Simulation

Original

#764356

Protanopia

#605F51

Deuteranopia

#636750

Tritanopia

#734E4D

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D1D9
300
#D3B1BE
400
#BB879A
500
#A35C77
600
#824A5F
700
#683B4C
800
#512E3B
900
#3C242D
950
#26171D

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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