#AD286C

#AD286C

Color Values

HEX

#AD286C

RGB

173, 40, 108

HSL

329.3, 62.4%, 41.8%

HSV

329.3, 76.9%, 67.8%

CMYK

0.0%, 76.9%, 37.6%, 32.2%

OKLCH

0.5096 0.1783 354.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD286C

#28AD69

Analogous

#AC28AD

#AD282A

#AD286C

Triadic

#AD286C

#6CAD28

#286CAD

Split Complementary

#AD286C

#2AAD28

#28ADAC

Tetradic

#AD286C

#ADAC28

#28AD69

#282AAD

Color Blindness Simulation

Original

#AD286C

Protanopia

#73725C

Deuteranopia

#7B8558

Tritanopia

#A64F4C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F2C5DC
300
#E89CC3
400
#DC66A2
500
#CF3081
600
#A62667
700
#851F53
800
#681841
900
#4C1531
950
#300D1F

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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