#A21798

#A21798

Color Values

HEX

#A21798

RGB

162, 23, 152

HSL

304.3, 75.1%, 36.3%

HSV

304.3, 85.8%, 63.5%

CMYK

0.0%, 85.8%, 6.2%, 36.5%

OKLCH

0.5012 0.2126 331.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A21798

#17A221

Analogous

#6717A2

#A21753

#A21798

Triadic

#A21798

#98A217

#1798A2

Split Complementary

#A21798

#53A217

#17A267

Tetradic

#A21798

#A26717

#17A221

#1753A2

Color Blindness Simulation

Original

#A21798

Protanopia

#666579

Deuteranopia

#6E7871

Tritanopia

#9B605B

Achromatopsia

#3E3E3E

CSS Usage

background-color: #A21798;
color: #A21798;
border-color: #A21798;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF2FC
100
#F9E2F7
200
#F6C0F2
300
#F094E9
400
#E85ADD
500
#DF20D2
600
#B319A8
700
#8F1486
800
#701069
900
#51104D
950
#330A30

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026