#A3286B

#A3286B

Color Values

HEX

#A3286B

RGB

163, 40, 107

HSL

327.3, 60.6%, 39.8%

HSV

327.3, 75.5%, 63.9%

CMYK

0.0%, 75.5%, 34.4%, 36.1%

OKLCH

0.4923 0.1701 352.0

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#A3286B

#28A360

Analogous

#9D28A3

#A3282E

#A3286B

Triadic

#A3286B

#6BA328

#286BA3

Split Complementary

#A3286B

#2EA328

#28A39D

Tetradic

#A3286B

#A39D28

#28A360

#282EA3

Color Blindness Simulation

Original

#A3286B

Protanopia

#6E6D5B

Deuteranopia

#757E57

Tritanopia

#9D4E4B

Achromatopsia

#474747

CSS Usage

background-color: #A3286B;
color: #A3286B;
border-color: #A3286B;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DD
300
#E79DC5
400
#DA67A6
500
#CD3286
600
#A4286C
700
#832056
800
#661943
900
#4B1633
950
#2F0E20

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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