#A00366

#A00366

Color Values

HEX

#A00366

RGB

160, 3, 102

HSL

322.2, 96.3%, 32.0%

HSV

322.2, 98.1%, 62.7%

CMYK

0.0%, 98.1%, 36.2%, 37.3%

OKLCH

0.4652 0.1917 351.2

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#A00366

#03A03D

Analogous

#8C03A0

#A00317

#A00366

Triadic

#A00366

#66A003

#0366A0

Split Complementary

#A00366

#17A003

#03A08C

Tetradic

#A00366

#A08C03

#03A03D

#0317A0

Color Blindness Simulation

Original

#A00366

Protanopia

#5C5B4E

Deuteranopia

#657148

Tritanopia

#983B37

Achromatopsia

#2C2C2C

CSS Usage

background-color: #A00366;
color: #A00366;
border-color: #A00366;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FEB9E4
300
#FD87D1
400
#FC46B8
500
#FA059F
600
#C80480
700
#A00366
800
#7D0250
900
#5A063B
950
#390425

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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