#A65876

#A65876

Color Values

HEX

#A65876

RGB

166, 88, 118

HSL

336.9, 30.7%, 49.8%

HSV

336.9, 47.0%, 65.1%

CMYK

0.0%, 47.0%, 28.9%, 34.9%

OKLCH

0.5613 0.1078 356.7

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#A65876

#58A688

Analogous

#A6589D

#A66158

#A65876

Triadic

#A65876

#76A658

#5876A6

Split Complementary

#A65876

#58A661

#589DA6

Tetradic

#A65876

#9DA658

#58A688

#6158A6

Color Blindness Simulation

Original

#A65876

Protanopia

#84846F

Deuteranopia

#898F6D

Tritanopia

#A26968

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E6D0D9
300
#D5AFBD
400
#BE849A
500
#A75876
600
#85475F
700
#6B394C
800
#532C3B
900
#3E232D
950
#27161D

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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