#A3003D

#A3003D

Color Values

HEX

#A3003D

RGB

163, 0, 61

HSL

337,5, 100,0%, 32,0%

HSV

337,5, 100,0%, 63,9%

CMYK

0,0%, 100,0%, 62,6%, 36,1%

OKLCH

0,4567 0,1826 11,1

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#A3003D

#00A366

Analogous

#A3008F

#A31400

#A3003D

Triadic

#A3003D

#3DA300

#003DA3

Split Complementary

#A3003D

#00A314

#008FA3

Tetradic

#A3003D

#8FA300

#00A366

#1400A3

Color Blindness Simulation

Original

#A3003D

Protanopia

#5C5B2E

Deuteranopia

#66722B

Tritanopia

#9B2320

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FFB8D2
300
#FF85B2
400
#FF4289
500
#FF0060
600
#CC004D
700
#A3003D
800
#800030
900
#5C0526
950
#3A0318

Contrast Checker

Text on white

8,0:1

AA Pass AAA Pass

Text on black

2,62: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