#A2149F

#A2149F

Color Values

HEX

#A2149F

RGB

162, 20, 159

HSL

301.3, 78.0%, 35.7%

HSV

301.3, 87.7%, 63.5%

CMYK

0.0%, 87.7%, 1.9%, 36.5%

OKLCH

0.504 0.2193 329.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A2149F

#14A217

Analogous

#5E14A2

#A21458

#A2149F

Triadic

#A2149F

#9FA214

#149FA2

Split Complementary

#A2149F

#58A214

#14A25E

Tetradic

#A2149F

#A25E14

#14A217

#1458A2

Color Blindness Simulation

Original

#A2149F

Protanopia

#64637D

Deuteranopia

#6D7775

Tritanopia

#9B635D

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7BFF6
300
#F292EF
400
#EA57E7
500
#E31CDF
600
#B616B2
700
#91128E
800
#710E6F
900
#520E51
950
#340933

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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