#AC203C

#AC203C

Color Values

HEX

#AC203C

RGB

172, 32, 60

HSL

348.0, 68.6%, 40.0%

HSV

348.0, 81.4%, 67.5%

CMYK

0.0%, 81.4%, 65.1%, 32.5%

OKLCH

0.4881 0.1738 16.3

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#AC203C

#20AC90

Analogous

#AC2082

#AC4A20

#AC203C

Triadic

#AC203C

#3CAC20

#203CAC

Split Complementary

#AC203C

#20AC4A

#2082AC

Tetradic

#AC203C

#82AC20

#20AC90

#4A20AC

Color Blindness Simulation

Original

#AC203C

Protanopia

#6F6E35

Deuteranopia

#788234

Tritanopia

#A5302F

Achromatopsia

#404040

CSS Usage

background-color: #AC203C;
color: #AC203C;
border-color: #AC203C;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F5
100
#F8E3E7
200
#F4C3CD
300
#EC98A9
400
#E1607A
500
#D7284B
600
#AC203C
700
#8A1A30
800
#6B1426
900
#4E131F
950
#310C13

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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