#884457

#884457

Color Values

HEX

#884457

RGB

136, 68, 87

HSL

343.2, 33.3%, 40.0%

HSV

343.2, 50.0%, 53.3%

CMYK

0.0%, 50.0%, 36.0%, 46.7%

OKLCH

0.4772 0.0948 3.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#884457

#448875

Analogous

#884479

#885344

#884457

Triadic

#884457

#578844

#445788

Split Complementary

#884457

#448853

#447988

Tetradic

#884457

#798844

#448875

#534488

Color Blindness Simulation

Original

#884457

Protanopia

#6B6A52

Deuteranopia

#6E7451

Tritanopia

#854F4E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F2E8EB
200
#E7CFD6
300
#D6ADB9
400
#C08193
500
#AA556D
600
#884457
700
#6D3646
800
#552B36
900
#3F222A
950
#28151B

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026