#A35976

#A35976

Color Values

HEX

#A35976

RGB

163, 89, 118

HSL

336.5, 29.4%, 49.4%

HSV

336.5, 45.4%, 63.9%

CMYK

0.0%, 45.4%, 27.6%, 36.1%

OKLCH

0.5589 0.1028 356.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#A35976

#59A386

Analogous

#A3599B

#A36159

#A35976

Triadic

#A35976

#76A359

#5976A3

Split Complementary

#A35976

#59A361

#599BA3

Tetradic

#A35976

#9BA359

#59A386

#6159A3

Color Blindness Simulation

Original

#A35976

Protanopia

#83826F

Deuteranopia

#878D6D

Tritanopia

#9F6968

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D1D9
300
#D4B0BE
400
#BC859B
500
#A55A77
600
#844860
700
#6A3A4C
800
#522D3C
900
#3D242E
950
#27171D

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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