#AB2412

#AB2412

Color Values

HEX

#AB2412

RGB

171, 36, 18

HSL

7.1, 81.0%, 37.1%

HSV

7.1, 89.5%, 67.1%

CMYK

0.0%, 78.9%, 89.5%, 32.9%

OKLCH

0.4839 0.1735 31.1

Properties

Warm Dark Nearest: RAL 3013 Tomato Red

Color Harmonies

Complementary

#AB2412

#1299AB

Analogous

#AB124C

#AB7112

#AB2412

Triadic

#AB2412

#12AB24

#2412AB

Split Complementary

#AB2412

#12AB71

#124CAB

Tetradic

#AB2412

#4CAB12

#1299AB

#7112AB

Color Blindness Simulation

Original

#AB2412

Protanopia

#716F16

Deuteranopia

#788217

Tritanopia

#A41A1B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E4E1
200
#F8C5BE
300
#F39C90
400
#ED6654
500
#E73118
600
#B92713
700
#941F10
800
#73180C
900
#54150D
950
#350E08

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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