#AB1018

#AB1018

Color Values

HEX

#AB1018

RGB

171, 16, 24

HSL

356.9, 82.9%, 36.7%

HSV

356.9, 90.6%, 67.1%

CMYK

0.0%, 90.6%, 86.0%, 32.9%

OKLCH

0.4721 0.1842 26.6

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AB1018

#10ABA3

Analogous

#AB1066

#AB5610

#AB1018

Triadic

#AB1018

#18AB10

#1018AB

Split Complementary

#AB1018

#10AB56

#1066AB

Tetradic

#AB1018

#66AB10

#10ABA3

#5610AB

Color Blindness Simulation

Original

#AB1018

Protanopia

#686716

Deuteranopia

#717C16

Tritanopia

#A31514

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC1
300
#F58F94
400
#EF525B
500
#E91621
600
#BB111A
700
#950E15
800
#750B10
900
#550C10
950
#35080A

Contrast Checker

Text on white

7.45:1

AA Pass AAA Pass

Text on black

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