#AD1F3D

#AD1F3D

Color Values

HEX

#AD1F3D

RGB

173, 31, 61

HSL

347.3, 69.6%, 40.0%

HSV

347.3, 82.1%, 67.8%

CMYK

0.0%, 82.1%, 64.7%, 32.2%

OKLCH

0.4895 0.1755 15.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#AD1F3D

#1FAD8F

Analogous

#AD1F84

#AD481F

#AD1F3D

Triadic

#AD1F3D

#3DAD1F

#1F3DAD

Split Complementary

#AD1F3D

#1FAD48

#1F84AD

Tetradic

#AD1F3D

#84AD1F

#1FAD8F

#481FAD

Color Blindness Simulation

Original

#AD1F3D

Protanopia

#6F6E36

Deuteranopia

#788234

Tritanopia

#A6302F

Achromatopsia

#3F3F3F

CSS Usage

background-color: #AD1F3D;
color: #AD1F3D;
border-color: #AD1F3D;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F5
100
#F8E3E7
200
#F4C2CD
300
#EC97A9
400
#E25F7B
500
#D8274C
600
#AD1F3D
700
#8A1931
800
#6C1326
900
#4F121F
950
#320B14

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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