#772C56

#772C56

Color Values

HEX

#772C56

RGB

119, 44, 86

HSL

326.4, 46.0%, 32.0%

HSV

326.4, 63.0%, 46.7%

CMYK

0.0%, 63.0%, 27.7%, 53.3%

OKLCH

0.4151 0.1159 348.6

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#772C56

#2C774D

Analogous

#732C77

#772C31

#772C56

Triadic

#772C56

#56772C

#2C5677

Split Complementary

#772C56

#31772C

#2C7773

Tetradic

#772C56

#77732C

#2C774D

#2C3177

Color Blindness Simulation

Original

#772C56

Protanopia

#57564C

Deuteranopia

#5B6049

Tritanopia

#734442

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDD
300
#DEA6C5
400
#CC75A6
500
#BA4587
600
#95376C
700
#772C56
800
#5D2243
900
#451C33
950
#2B1220

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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