#A20790

#A20790

Color Values

HEX

#A20790

RGB

162, 7, 144

HSL

307.0, 91.7%, 33.1%

HSV

307.0, 95.7%, 63.5%

CMYK

0.0%, 95.7%, 11.1%, 36.5%

OKLCH

0.4908 0.2151 334.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A20790

#07A219

Analogous

#6607A2

#A20742

#A20790

Triadic

#A20790

#90A207

#0790A2

Split Complementary

#A20790

#42A207

#07A266

Tetradic

#A20790

#A26607

#07A219

#0742A2

Color Blindness Simulation

Original

#A20790

Protanopia

#5F5E6F

Deuteranopia

#687367

Tritanopia

#9A554F

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF4
300
#FA8AED
400
#F74AE3
500
#F40BD9
600
#C408AE
700
#9C078B
800
#7A056D
900
#58084F
950
#380532

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

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