#A20237

#A20237

Color Values

HEX

#A20237

RGB

162, 2, 55

HSL

340.1, 97.6%, 32.2%

HSV

340.1, 98.8%, 63.5%

CMYK

0.0%, 98.8%, 66.0%, 36.5%

OKLCH

0.4541 0.1804 13.8

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#A20237

#02A26D

Analogous

#A20287

#A21D02

#A20237

Triadic

#A20237

#37A202

#0237A2

Split Complementary

#A20237

#02A21D

#0287A2

Tetradic

#A20237

#87A202

#02A26D

#1D02A2

Color Blindness Simulation

Original

#A20237

Protanopia

#5D5B2A

Deuteranopia

#667227

Tritanopia

#9A201E

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FEB8D0
300
#FE86AE
400
#FD4582
500
#FC0356
600
#CA0244
700
#A10237
800
#7E022B
900
#5B0622
950
#390416

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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