#A84C71

#A84C71

Color Values

HEX

#A84C71

RGB

168, 76, 113

HSL

335.9, 37.7%, 47.8%

HSV

335.9, 54.8%, 65.9%

CMYK

0.0%, 54.8%, 32.7%, 34.1%

OKLCH

0.5442 0.1274 356.9

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#A84C71

#4CA883

Analogous

#A84C9F

#A8554C

#A84C71

Triadic

#A84C71

#71A84C

#4C71A8

Split Complementary

#A84C71

#4CA855

#4C9FA8

Tetradic

#A84C71

#9FA84C

#4CA883

#554CA8

Color Blindness Simulation

Original

#A84C71

Protanopia

#807F68

Deuteranopia

#868C66

Tritanopia

#A3615F

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CED9
300
#D9ABBD
400
#C47D9A
500
#B04F76
600
#8C405E
700
#70334C
800
#58283B
900
#41202D
950
#29141D

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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