#A85897

#A85897

Color Values

HEX

#A85897

RGB

168, 88, 151

HSL

312.8, 31.5%, 50.2%

HSV

312.8, 47.6%, 65.9%

CMYK

0.0%, 47.6%, 10.1%, 34.1%

OKLCH

0.5766 0.1316 335.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#A85897

#58A869

Analogous

#9158A8

#A8586F

#A85897

Triadic

#A85897

#97A858

#5897A8

Split Complementary

#A85897

#6FA858

#58A891

Tetradic

#A85897

#A89158

#58A869

#586FA8

Color Blindness Simulation

Original

#A85897

Protanopia

#858588

Deuteranopia

#8A9084

Tritanopia

#A47C79

Achromatopsia

#6E6E6E

CSS Usage

background-color: #A85897;
color: #A85897;
border-color: #A85897;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#F9F5F9
100
#F2E8F0
200
#E7D0E2
300
#D5AFCD
400
#BE83B2
500
#A85797
600
#864678
700
#6B3860
800
#542C4B
900
#3E2338
950
#271624

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

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