#A3003F

#A3003F

Color Values

HEX

#A3003F

RGB

163, 0, 63

HSL

336,8, 100,0%, 32,0%

HSV

336,8, 100,0%, 63,9%

CMYK

0,0%, 100,0%, 61,3%, 36,1%

OKLCH

0,4572 0,1828 10,2

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#A3003F

#00A364

Analogous

#A30091

#A31200

#A3003F

Triadic

#A3003F

#3FA300

#003FA3

Split Complementary

#A3003F

#00A312

#0091A3

Tetradic

#A3003F

#91A300

#00A364

#1200A3

Color Blindness Simulation

Original

#A3003F

Protanopia

#5C5B30

Deuteranopia

#66722C

Tritanopia

#9B2421

Achromatopsia

#272727

CSS Usage

background-color: #A3003F;
color: #A3003F;
border-color: #A3003F;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FFB8D3
300
#FF85B4
400
#FF428B
500
#FF0063
600
#CC004F
700
#A3003F
800
#800031
900
#5C0527
950
#3A0318

Contrast Checker

Text on white

7,99:1

AA Pass AAA Pass

Text on black

2,63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026