#763556

#763556

Color Values

HEX

#763556

RGB

118, 53, 86

HSL

329.5, 38.0%, 33.5%

HSV

329.5, 55.1%, 46.3%

CMYK

0.0%, 55.1%, 27.1%, 53.7%

OKLCH

0.4265 0.0997 350.5

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#763556

#357655

Analogous

#753576

#763536

#763556

Triadic

#763556

#567635

#355676

Split Complementary

#763556

#367635

#357675

Tetradic

#763556

#767535

#357655

#353676

Color Blindness Simulation

Original

#763556

Protanopia

#5A594E

Deuteranopia

#5E624C

Tritanopia

#734846

Achromatopsia

#454545

CSS Usage

background-color: #763556;
color: #763556;
border-color: #763556;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CEDC
300
#D9ABC2
400
#C57DA1
500
#B04F80
600
#8D3F67
700
#713352
800
#582840
900
#412031
950
#29141F

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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