#A21716

#A21716

Color Values

HEX

#A21716

RGB

162, 23, 22

HSL

0.4, 76.1%, 36.1%

HSV

0.4, 86.4%, 63.5%

CMYK

0.0%, 85.8%, 86.4%, 36.5%

OKLCH

0.4579 0.1729 27.8

Properties

Warm Dark Nearest: RAL 3001 Signal Red

Color Harmonies

Complementary

#A21716

#16A1A2

Analogous

#A2165B

#A25D16

#A21716

Triadic

#A21716

#16A217

#1716A2

Split Complementary

#A21716

#16A25D

#165BA2

Tetradic

#A21716

#5BA216

#16A1A2

#5D16A2

Color Blindness Simulation

Original

#A21716

Protanopia

#666516

Deuteranopia

#6E7816

Tritanopia

#9B1616

Achromatopsia

#343434

CSS Usage

background-color: #A21716;
color: #A21716;
border-color: #A21716;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF2F2
100
#F9E2E2
200
#F6C0C0
300
#F09493
400
#E85A59
500
#E1201E
600
#B41918
700
#901414
800
#70100F
900
#52100F
950
#340A0A

Contrast Checker

Text on white

7.86:1

AA Pass AAA Pass

Text on black

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