#AD286B

#AD286B

Color Values

HEX

#AD286B

RGB

173, 40, 107

HSL

329.8, 62.4%, 41.8%

HSV

329.8, 76.9%, 67.8%

CMYK

0.0%, 76.9%, 38.2%, 32.2%

OKLCH

0.5093 0.1778 355.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD286B

#28AD6A

Analogous

#AD28AD

#AD2829

#AD286B

Triadic

#AD286B

#6BAD28

#286BAD

Split Complementary

#AD286B

#29AD28

#28ADAD

Tetradic

#AD286B

#ADAD28

#28AD6A

#2829AD

Color Blindness Simulation

Original

#AD286B

Protanopia

#73725B

Deuteranopia

#7B8557

Tritanopia

#A64E4B

Achromatopsia

#494949

CSS Usage

background-color: #AD286B;
color: #AD286B;
border-color: #AD286B;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F2C5DB
300
#E89CC2
400
#DC66A1
500
#CF3080
600
#A62666
700
#851F52
800
#681840
900
#4C1531
950
#300D1F

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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