#AD284B

#AD284B

Color Values

HEX

#AD284B

RGB

173, 40, 75

HSL

344.2, 62.4%, 41.8%

HSV

344.2, 76.9%, 67.8%

CMYK

0.0%, 76.9%, 56.6%, 32.2%

OKLCH

0.4995 0.1689 10.9

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AD284B

#28AD8A

Analogous

#AD288E

#AD4828

#AD284B

Triadic

#AD284B

#4BAD28

#284BAD

Split Complementary

#AD284B

#28AD48

#288EAD

Tetradic

#AD284B

#8EAD28

#28AD8A

#4828AD

Color Blindness Simulation

Original

#AD284B

Protanopia

#737243

Deuteranopia

#7B8540

Tritanopia

#A63C3A

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F7E4E9
200
#F2C5D1
300
#E89CB0
400
#DC6685
500
#CF305A
600
#A62648
700
#851F39
800
#68182D
900
#4C1524
950
#300D16

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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