#AD1F45

#AD1F45

Color Values

HEX

#AD1F45

RGB

173, 31, 69

HSL

343.9, 69.6%, 40.0%

HSV

343.9, 82.1%, 67.8%

CMYK

0.0%, 82.1%, 60.1%, 32.2%

OKLCH

0.4912 0.176 12.2

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AD1F45

#1FAD87

Analogous

#AD1F8C

#AD401F

#AD1F45

Triadic

#AD1F45

#45AD1F

#1F45AD

Split Complementary

#AD1F45

#1FAD40

#1F8CAD

Tetradic

#AD1F45

#8CAD1F

#1FAD87

#401FAD

Color Blindness Simulation

Original

#AD1F45

Protanopia

#6F6E3C

Deuteranopia

#78823A

Tritanopia

#A63533

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF3F5
100
#F8E3E8
200
#F4C2D0
300
#EC97AE
400
#E25F82
500
#D82756
600
#AD1F45
700
#8A1937
800
#6C132B
900
#4F1222
950
#320B16

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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