#AD4650

#AD4650

Color Values

HEX

#AD4650

RGB

173, 70, 80

HSL

354.2, 42.4%, 47.6%

HSV

354.2, 59.5%, 67.8%

CMYK

0.0%, 59.5%, 53.8%, 32.2%

OKLCH

0.534 0.135 17.1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4650

#46ADA3

Analogous

#AD4683

#AD6F46

#AD4650

Triadic

#AD4650

#50AD46

#4650AD

Split Complementary

#AD4650

#46AD6F

#4683AD

Tetradic

#AD4650

#83AD46

#46ADA3

#6F46AD

Color Blindness Simulation

Original

#AD4650

Protanopia

#80804E

Deuteranopia

#868E4D

Tritanopia

#A84C4B

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EACCCF
300
#DCA8AD
400
#C97980
500
#B64954
600
#913B43
700
#742F36
800
#5B252A
900
#431E22
950
#2A1315

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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