#A20136

#A20136

Color Values

HEX

#A20136

RGB

162, 1, 54

HSL

340.2, 98.8%, 32.0%

HSV

340.2, 99.4%, 63.5%

CMYK

0.0%, 99.4%, 66.7%, 36.5%

OKLCH

0.4535 0.1807 14.1

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#A20136

#01A26D

Analogous

#A20187

#A21C01

#A20136

Triadic

#A20136

#36A201

#0136A2

Split Complementary

#A20136

#01A21C

#0187A2

Tetradic

#A20136

#87A201

#01A26D

#1C01A2

Color Blindness Simulation

Original

#A20136

Protanopia

#5C5B29

Deuteranopia

#667226

Tritanopia

#9A1F1D

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FFB8CF
300
#FE85AD
400
#FE4381
500
#FD0255
600
#CB0144
700
#A20136
800
#7F012A
900
#5C0522
950
#3A0315

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026