#AB2212

#AB2212

Color Values

HEX

#AB2212

RGB

171, 34, 18

HSL

6.3, 81.0%, 37.1%

HSV

6.3, 89.5%, 67.1%

CMYK

0.0%, 80.1%, 89.5%, 32.9%

OKLCH

0.4824 0.1749 30.6

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AB2212

#129BAB

Analogous

#AB124F

#AB6F12

#AB2212

Triadic

#AB2212

#12AB22

#2212AB

Split Complementary

#AB2212

#12AB6F

#124FAB

Tetradic

#AB2212

#4FAB12

#129BAB

#6F12AB

Color Blindness Simulation

Original

#AB2212

Protanopia

#706E16

Deuteranopia

#788217

Tritanopia

#A4191A

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C4BE
300
#F39B90
400
#ED6454
500
#E72E18
600
#B92513
700
#941D10
800
#73170C
900
#54150D
950
#350D08

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

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