#A3497D

#A3497D

Color Values

HEX

#A3497D

RGB

163, 73, 125

HSL

325.3, 38.1%, 46.3%

HSV

325.3, 55.2%, 63.9%

CMYK

0.0%, 55.2%, 23.3%, 36.1%

OKLCH

0.5371 0.1337 346.8

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#A3497D

#49A36F

Analogous

#9C49A3

#A34950

#A3497D

Triadic

#A3497D

#7DA349

#497DA3

Split Complementary

#A3497D

#50A349

#49A39C

Tetradic

#A3497D

#A39C49

#49A36F

#4950A3

Color Blindness Simulation

Original

#A3497D

Protanopia

#7C7B70

Deuteranopia

#81886D

Tritanopia

#9E6664

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CEDD
300
#D9AAC5
400
#C57DA6
500
#B04F87
600
#8D3F6C
700
#713356
800
#582744
900
#412033
950
#291420

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026