#A00477

#A00477

Color Values

HEX

#A00477

RGB

160, 4, 119

HSL

315.8, 95.1%, 32.2%

HSV

315.8, 97.5%, 62.7%

CMYK

0.0%, 97.5%, 25.6%, 37.3%

OKLCH

0.4732 0.2001 343.7

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#A00477

#04A02D

Analogous

#7B04A0

#A00429

#A00477

Triadic

#A00477

#77A004

#0477A0

Split Complementary

#A00477

#29A004

#04A07B

Tetradic

#A00477

#A07B04

#04A02D

#0429A0

Color Blindness Simulation

Original

#A00477

Protanopia

#5C5B5B

Deuteranopia

#667154

Tritanopia

#984540

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDFF4
200
#FDB9EB
300
#FC88DD
400
#FA47CB
500
#F906B9
600
#C70594
700
#9F0476
800
#7C035C
900
#5A0744
950
#39042B

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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