#A85582

#A85582

Color Values

HEX

#A85582

RGB

168, 85, 130

HSL

327.5, 32.8%, 49.6%

HSV

327.5, 49.4%, 65.9%

CMYK

0.0%, 49.4%, 22.6%, 34.1%

OKLCH

0.5636 0.1214 348.0

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#A85582

#55A87B

Analogous

#A555A8

#A85558

#A85582

Triadic

#A85582

#82A855

#5582A8

Split Complementary

#A85582

#58A855

#55A8A5

Tetradic

#A85582

#A8A555

#55A87B

#5558A8

Color Blindness Simulation

Original

#A85582

Protanopia

#848377

Deuteranopia

#898F74

Tritanopia

#A46F6D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E8EE
200
#E7D0DC
300
#D6AEC3
400
#C082A3
500
#A95683
600
#874569
700
#6C3754
800
#552B41
900
#3F2232
950
#28161F

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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