#AC4963

#AC4963

Color Values

HEX

#AC4963

RGB

172, 73, 99

HSL

344,2, 40,4%, 48,0%

HSV

344,2, 57,6%, 67,5%

CMYK

0,0%, 57,6%, 42,4%, 32,5%

OKLCH

0,5415 0,1317 6,2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AC4963

#49AC92

Analogous

#AC4994

#AC6049

#AC4963

Triadic

#AC4963

#63AC49

#4963AC

Split Complementary

#AC4963

#49AC60

#4994AC

Tetradic

#AC4963

#94AC49

#49AC92

#6049AC

Color Blindness Simulation

Original

#AC4963

Protanopia

#81805D

Deuteranopia

#878E5B

Tritanopia

#A75857

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#EACDD4
300
#DBA9B6
400
#C77B8F
500
#B34C67
600
#8F3D52
700
#733142
800
#5A2634
900
#421F28
950
#2A1319

Contrast Checker

Text on white

5,4:1

AA Pass AAA Fail

Text on black

3,89:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026