#A3484A

#A3484A

Color Values

HEX

#A3484A

RGB

163, 72, 74

HSL

358.7, 38.7%, 46.1%

HSV

358.7, 55.8%, 63.9%

CMYK

0.0%, 55.8%, 54.6%, 36.1%

OKLCH

0.5201 0.1209 20.9

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#A3484A

#48A3A1

Analogous

#A34878

#A37448

#A3484A

Triadic

#A3484A

#4AA348

#484AA3

Split Complementary

#A3484A

#48A374

#4878A3

Tetradic

#A3484A

#78A348

#48A3A1

#7448A3

Color Blindness Simulation

Original

#A3484A

Protanopia

#7C7B4A

Deuteranopia

#818849

Tritanopia

#9E4949

Achromatopsia

#5B5B5B

CSS Usage

background-color: #A3484A;
color: #A3484A;
border-color: #A3484A;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCE
300
#D9AAAB
400
#C57C7E
500
#B14E50
600
#8D3F40
700
#713233
800
#582728
900
#412020
950
#291414

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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