#A20232

#A20232

Color Values

HEX

#A20232

RGB

162, 2, 50

HSL

342.0, 97.6%, 32.2%

HSV

342.0, 98.8%, 63.5%

CMYK

0.0%, 98.8%, 69.1%, 36.5%

OKLCH

0.4531 0.1802 15.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#A20232

#02A272

Analogous

#A20282

#A22202

#A20232

Triadic

#A20232

#32A202

#0232A2

Split Complementary

#A20232

#02A222

#0282A2

Tetradic

#A20232

#82A202

#02A272

#2202A2

Color Blindness Simulation

Original

#A20232

Protanopia

#5D5B26

Deuteranopia

#667224

Tritanopia

#9A1D1B

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FEB8CD
300
#FE86AA
400
#FD457C
500
#FC034E
600
#CA023E
700
#A10232
800
#7E0227
900
#5B061F
950
#390414

Contrast Checker

Text on white

8.1:1

AA Pass AAA Pass

Text on black

2.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026