#A307AA

#A307AA

Color Values

HEX

#A307AA

RGB

163, 7, 170

HSL

297.4, 92.1%, 34.7%

HSV

297.4, 95.9%, 66.7%

CMYK

4.1%, 95.9%, 0.0%, 33.3%

OKLCH

0.5084 0.233 326.1

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A307AA

#0EAA07

Analogous

#5107AA

#AA0760

#A307AA

Triadic

#A307AA

#AAA307

#07AAA3

Split Complementary

#A307AA

#60AA07

#07AA51

Tetradic

#A307AA

#AA5107

#0EAA07

#0760AA

Color Blindness Simulation

Original

#A307AA

Protanopia

#5F5E83

Deuteranopia

#687479

Tritanopia

#9B635D

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F9BAFC
300
#F589FA
400
#F04AF8
500
#EB0AF5
600
#BC08C4
700
#96069D
800
#75057A
900
#550859
950
#360538

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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