#A30133

#A30133

Color Values

HEX

#A30133

RGB

163, 1, 51

HSL

341.5, 98.8%, 32.2%

HSV

341.5, 99.4%, 63.9%

CMYK

0.0%, 99.4%, 68.7%, 36.1%

OKLCH

0.4549 0.1814 15.6

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#A30133

#01A371

Analogous

#A30184

#A32001

#A30133

Triadic

#A30133

#33A301

#0133A3

Split Complementary

#A30133

#01A320

#0184A3

Tetradic

#A30133

#84A301

#01A371

#2001A3

Color Blindness Simulation

Original

#A30133

Protanopia

#5D5B27

Deuteranopia

#667224

Tritanopia

#9B1D1B

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CE
300
#FE85AB
400
#FE437D
500
#FD024F
600
#CB013F
700
#A20133
800
#7F0128
900
#5C0520
950
#3A0314

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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