#A22017

#A22017

Color Values

HEX

#A22017

RGB

162, 32, 23

HSL

3,9, 75,1%, 36,3%

HSV

3,9, 85,8%, 63,5%

CMYK

0,0%, 80,2%, 85,8%, 36,5%

OKLCH

0,4642 0,167 29,2

Properties

Warm Dark Nearest: RAL 3001 Signal Red

Color Harmonies

Complementary

#A22017

#1799A2

Analogous

#A21754

#A26617

#A22017

Triadic

#A22017

#17A220

#2017A2

Split Complementary

#A22017

#17A266

#1754A2

Tetradic

#A22017

#54A217

#1799A2

#6617A2

Color Blindness Simulation

Original

#A22017

Protanopia

#6A6919

Deuteranopia

#717B1A

Tritanopia

#9C1B1B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C0
300
#F09A94
400
#E8635A
500
#DF2C20
600
#B32319
700
#8F1C14
800
#701610
900
#511410
950
#330D0A

Contrast Checker

Text on white

7,62:1

AA Pass AAA Pass

Text on black

2,76: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