#A312BA

#A312BA

Color Values

HEX

#A312BA

RGB

163, 18, 186

HSL

291.8, 82.4%, 40.0%

HSV

291.8, 90.3%, 72.9%

CMYK

12.4%, 90.3%, 0.0%, 27.1%

OKLCH

0.5224 0.2402 321.2

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#A312BA

#29BA12

Analogous

#4F12BA

#BA127D

#A312BA

Triadic

#A312BA

#BAA312

#12BAA3

Split Complementary

#A312BA

#7DBA12

#12BA4F

Tetradic

#A312BA

#BA4F12

#29BA12

#127DBA

Color Blindness Simulation

Original

#A312BA

Protanopia

#646391

Deuteranopia

#6D7888

Tritanopia

#9C716A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F6E1FA
200
#F1BEF9
300
#E68FF4
400
#D953EE
500
#CC16E9
600
#A312BA
700
#820E95
800
#660B74
900
#4B0D54
950
#2F0835

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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