#A03063

#A03063

Color Values

HEX

#A03063

RGB

160, 48, 99

HSL

332.7, 53.8%, 40.8%

HSV

332.7, 70.0%, 62.7%

CMYK

0.0%, 70.0%, 38.1%, 37.3%

OKLCH

0.4919 0.1544 356.4

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#A03063

#30A06D

Analogous

#A0309B

#A03530

#A03063

Triadic

#A03063

#63A030

#3063A0

Split Complementary

#A03063

#30A035

#309BA0

Tetradic

#A03063

#9BA030

#30A06D

#3530A0

Color Blindness Simulation

Original

#A03063

Protanopia

#6F6F57

Deuteranopia

#767E54

Tritanopia

#9A4D4B

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EFC8DA
300
#E3A1BF
400
#D36E9C
500
#C43B79
600
#9D2F61
700
#7E264E
800
#621D3D
900
#48192E
950
#2D101D

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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