#A46174

#A46174

Color Values

HEX

#A46174

RGB

164, 97, 116

HSL

343.0, 26.9%, 51.2%

HSV

343.0, 40.9%, 64.3%

CMYK

0.0%, 40.9%, 29.3%, 35.7%

OKLCH

0.573 0.0897 2.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#A46174

#61A491

Analogous

#A46196

#A47061

#A46174

Triadic

#A46174

#74A461

#6174A4

Split Complementary

#A46174

#61A470

#6196A4

Tetradic

#A46174

#96A461

#61A491

#7061A4

Color Blindness Simulation

Original

#A46174

Protanopia

#87866F

Deuteranopia

#8B906E

Tritanopia

#A16C6B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EB
200
#E5D2D7
300
#D2B1BB
400
#BA8796
500
#A25D71
600
#814B5A
700
#683C48
800
#512F38
900
#3C252B
950
#26171B

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass 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