#AB463D

#AB463D

Color Values

HEX

#AB463D

RGB

171, 70, 61

HSL

4.9, 47.4%, 45.5%

HSV

4.9, 64.3%, 67.1%

CMYK

0.0%, 59.1%, 64.3%, 32.9%

OKLCH

0.527 0.1347 27.7

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AB463D

#3DA2AB

Analogous

#AB3D6B

#AB7D3D

#AB463D

Triadic

#AB463D

#3DAB46

#463DAB

Split Complementary

#AB463D

#3DAB7D

#3D6BAB

Tetradic

#AB463D

#6BAB3D

#3DA2AB

#7D3DAB

Color Blindness Simulation

Original

#AB463D

Protanopia

#7F7E3F

Deuteranopia

#858D40

Tritanopia

#A64141

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCA
300
#DFAAA5
400
#CD7B74
500
#BC4D43
600
#963E36
700
#78312B
800
#5E2622
900
#451F1C
950
#2C1412

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026