#AC4954

#AC4954

Color Values

HEX

#AC4954

RGB

172, 73, 84

HSL

353.3, 40.4%, 48.0%

HSV

353.3, 57.6%, 67.5%

CMYK

0.0%, 57.6%, 51.2%, 32.5%

OKLCH

0.5375 0.13 15.8

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AC4954

#49ACA1

Analogous

#AC4985

#AC6F49

#AC4954

Triadic

#AC4954

#54AC49

#4954AC

Split Complementary

#AC4954

#49AC6F

#4985AC

Tetradic

#AC4954

#85AC49

#49ACA1

#6F49AC

Color Blindness Simulation

Original

#AC4954

Protanopia

#818051

Deuteranopia

#878E51

Tritanopia

#A74F4F

Achromatopsia

#5F5F5F

CSS Usage

background-color: #AC4954;
color: #AC4954;
border-color: #AC4954;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDD0
300
#DBA9AF
400
#C77B83
500
#B34C57
600
#8F3D46
700
#733138
800
#5A262C
900
#421F23
950
#2A1316

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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