#A10397

#A10397

Color Values

HEX

#A10397

RGB

161, 3, 151

HSL

303.8, 96.3%, 32.2%

HSV

303.8, 98.1%, 63.1%

CMYK

0.0%, 98.1%, 6.2%, 36.9%

OKLCH

0.4921 0.2208 331.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A10397

#03A10D

Analogous

#5C03A1

#A10348

#A10397

Triadic

#A10397

#97A103

#0397A1

Split Complementary

#A10397

#48A103

#03A15C

Tetradic

#A10397

#A15C03

#03A10D

#0348A1

Color Blindness Simulation

Original

#A10397

Protanopia

#5D5B73

Deuteranopia

#66726B

Tritanopia

#995751

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FEB9F9
300
#FD87F5
400
#FC46F0
500
#FA05EB
600
#C804BC
700
#A00396
800
#7D0275
900
#5A0655
950
#390436

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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