#AC0B14

#AC0B14

Color Values

HEX

#AC0B14

RGB

172, 11, 20

HSL

356.6, 88.0%, 35.9%

HSV

356.6, 93.6%, 67.5%

CMYK

0.0%, 93.6%, 88.4%, 32.5%

OKLCH

0.4719 0.1872 27.1

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AC0B14

#0BACA3

Analogous

#AC0B65

#AC520B

#AC0B14

Triadic

#AC0B14

#14AC0B

#0B14AC

Split Complementary

#AC0B14

#0BAC52

#0B65AC

Tetradic

#AC0B14

#65AC0B

#0BACA3

#520BAC

Color Blindness Simulation

Original

#AC0B14

Protanopia

#666512

Deuteranopia

#707C11

Tritanopia

#A41010

Achromatopsia

#2E2E2E

CSS Usage

background-color: #AC0B14;
color: #AC0B14;
border-color: #AC0B14;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBCBF
300
#F88C92
400
#F44E57
500
#F00F1C
600
#C00C16
700
#990A12
800
#78080E
900
#570A0E
950
#370609

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail 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