#A80BAF

#A80BAF

Color Values

HEX

#A80BAF

RGB

168, 11, 175

HSL

297.4, 88.2%, 36.5%

HSV

297.4, 93.7%, 68.6%

CMYK

4.0%, 93.7%, 0.0%, 31.4%

OKLCH

0.5206 0.237 326.1

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#A80BAF

#12AF0B

Analogous

#560BAF

#AF0B64

#A80BAF

Triadic

#A80BAF

#AFA80B

#0BAFA8

Split Complementary

#A80BAF

#64AF0B

#0BAF56

Tetradic

#A80BAF

#AF560B

#12AF0B

#0B64AF

Color Blindness Simulation

Original

#A80BAF

Protanopia

#646387

Deuteranopia

#6D797E

Tritanopia

#A06861

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E0FB
200
#F8BCFB
300
#F38CF8
400
#ED4DF4
500
#E60FF0
600
#B80CC0
700
#930A9A
800
#730878
900
#540A57
950
#350637

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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