#A2363F

#A2363F

Color Values

HEX

#A2363F

RGB

162, 54, 63

HSL

355.0, 50.0%, 42.4%

HSV

355.0, 66.7%, 63.5%

CMYK

0.0%, 66.7%, 61.1%, 36.5%

OKLCH

0.4919 0.1423 19.3

Properties

Warm Dark Nearest: RAL 4002 Red Violet

Color Harmonies

Complementary

#A2363F

#36A299

Analogous

#A23675

#A26336

#A2363F

Triadic

#A2363F

#3FA236

#363FA2

Split Complementary

#A2363F

#36A263

#3675A2

Tetradic

#A2363F

#75A236

#36A299

#6336A2

Color Blindness Simulation

Original

#A2363F

Protanopia

#73723D

Deuteranopia

#7A823C

Tritanopia

#9D3B3B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDC9CC
300
#E0A3A8
400
#D07179
500
#BF404A
600
#99333B
700
#7A2930
800
#602025
900
#461B1E
950
#2C1113

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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