#AC4368

#AC4368

Color Values

HEX

#AC4368

RGB

172, 67, 104

HSL

338.9, 43.9%, 46.9%

HSV

338.9, 61.0%, 67.5%

CMYK

0.0%, 61.0%, 39.5%, 32.5%

OKLCH

0.535 0.1418 1.2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AC4368

#43AC87

Analogous

#AC439D

#AC5343

#AC4368

Triadic

#AC4368

#68AC43

#4368AC

Split Complementary

#AC4368

#43AC53

#439DAC

Tetradic

#AC4368

#9DAC43

#43AC87

#5343AC

Color Blindness Simulation

Original

#AC4368

Protanopia

#7F7E5F

Deuteranopia

#858C5D

Tritanopia

#A75856

Achromatopsia

#5C5C5C

CSS Usage

background-color: #AC4368;
color: #AC4368;
border-color: #AC4368;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#EBCCD7
300
#DDA7BA
400
#CA7794
500
#B7486F
600
#933959
700
#752E47
800
#5C2437
900
#441D2B
950
#2B131B

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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