#AC7283

#AC7283

Color Values

HEX

#AC7283

RGB

172, 114, 131

HSL

342.4, 25.9%, 56.1%

HSV

342.4, 33.7%, 67.5%

CMYK

0.0%, 33.7%, 23.8%, 32.5%

OKLCH

0.6175 0.0763 0.5

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#AC7283

#72AC9B

Analogous

#AC72A0

#AC7E72

#AC7283

Triadic

#AC7283

#83AC72

#7283AC

Split Complementary

#AC7283

#72AC7E

#72A0AC

Tetradic

#AC7283

#A0AC72

#72AC9B

#7E72AC

Color Blindness Simulation

Original

#AC7283

Protanopia

#93927F

Deuteranopia

#969B7E

Tritanopia

#A97C7B

Achromatopsia

#808080

CSS Usage

background-color: #AC7283;
color: #AC7283;
border-color: #AC7283;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D7
300
#D2B2BB
400
#B98897
500
#A15E72
600
#804C5B
700
#673C49
800
#502F39
900
#3C252C
950
#26171C

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.49:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026