#A80C97

#A80C97

Color Values

HEX

#A80C97

RGB

168, 12, 151

HSL

306.5, 86.7%, 35.3%

HSV

306.5, 92.9%, 65.9%

CMYK

0.0%, 92.9%, 10.1%, 34.1%

OKLCH

0.5062 0.2204 334.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A80C97

#0CA81D

Analogous

#6B0CA8

#A80C49

#A80C97

Triadic

#A80C97

#97A80C

#0C97A8

Split Complementary

#A80C97

#49A80C

#0CA86B

Tetradic

#A80C97

#A86B0C

#0CA81D

#0C49A8

Color Blindness Simulation

Original

#A80C97

Protanopia

#646375

Deuteranopia

#6E796D

Tritanopia

#A05B55

Achromatopsia

#373737

CSS Usage

background-color: #A80C97;
color: #A80C97;
border-color: #A80C97;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF4
300
#F78DEB
400
#F24FE1
500
#EE11D6
600
#BE0EAB
700
#980B89
800
#77086B
900
#560B4E
950
#360731

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

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