#A84D99

#A84D99

Color Values

HEX

#A84D99

RGB

168, 77, 153

HSL

309.9, 37.1%, 48.0%

HSV

309.9, 54.2%, 65.9%

CMYK

0.0%, 54.2%, 8.9%, 34.1%

OKLCH

0.5616 0.1519 334.1

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#A84D99

#4DA85C

Analogous

#894DA8

#A84D6B

#A84D99

Triadic

#A84D99

#99A84D

#4D99A8

Split Complementary

#A84D99

#6BA84D

#4DA889

Tetradic

#A84D99

#A8894D

#4DA85C

#4D6BA8

Color Blindness Simulation

Original

#A84D99

Protanopia

#818087

Deuteranopia

#868D82

Tritanopia

#A37875

Achromatopsia

#666666

CSS Usage

background-color: #A84D99;
color: #A84D99;
border-color: #A84D99;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E9CEE4
300
#D9ABD1
400
#C47EB8
500
#AF509F
600
#8C407F
700
#703366
800
#572850
900
#41203B
950
#291425

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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