#A04877

#A04877

Color Values

HEX

#A04877

RGB

160, 72, 119

HSL

328.0, 37.9%, 45.5%

HSV

328.0, 55.0%, 62.7%

CMYK

0.0%, 55.0%, 25.6%, 37.3%

OKLCH

0.5291 0.1289 349.2

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#A04877

#48A071

Analogous

#9D48A0

#A0484B

#A04877

Triadic

#A04877

#77A048

#4877A0

Split Complementary

#A04877

#4BA048

#48A09D

Tetradic

#A04877

#A09D48

#48A071

#484BA0

Color Blindness Simulation

Original

#A04877

Protanopia

#7A796C

Deuteranopia

#7F8669

Tritanopia

#9C6361

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CEDC
300
#D9ABC3
400
#C47DA3
500
#B04F83
600
#8D3F69
700
#713354
800
#582841
900
#412032
950
#29141F

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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