#AB2218

#AB2218

Color Values

HEX

#AB2218

RGB

171, 34, 24

HSL

4.1, 75.4%, 38.2%

HSV

4.1, 86.0%, 67.1%

CMYK

0.0%, 80.1%, 86.0%, 32.9%

OKLCH

0.4828 0.1742 29.4

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AB2218

#18A1AB

Analogous

#AB1857

#AB6B18

#AB2218

Triadic

#AB2218

#18AB22

#2218AB

Split Complementary

#AB2218

#18AB6B

#1857AB

Tetradic

#AB2218

#57AB18

#18A1AB

#6B18AB

Color Blindness Simulation

Original

#AB2218

Protanopia

#706E1A

Deuteranopia

#78821B

Tritanopia

#A41C1D

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C0
300
#F09A94
400
#E8635A
500
#E02D1F
600
#B32419
700
#8F1C14
800
#701610
900
#511410
950
#330D0A

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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