#AD18B4

#AD18B4

Color Values

HEX

#AD18B4

RGB

173, 24, 180

HSL

297.3, 76.5%, 40.0%

HSV

297.3, 86.7%, 70.6%

CMYK

3.9%, 86.7%, 0.0%, 29.4%

OKLCH

0.5362 0.2363 326.1

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AD18B4

#1FB418

Analogous

#5F18B4

#B4186D

#AD18B4

Triadic

#AD18B4

#B4AD18

#18B4AD

Split Complementary

#AD18B4

#6DB418

#18B45F

Tetradic

#AD18B4

#B45F18

#1FB418

#186DB4

Color Blindness Simulation

Original

#AD18B4

Protanopia

#6C6B8E

Deuteranopia

#758085

Tritanopia

#A6706A

Achromatopsia

#434343

CSS Usage

background-color: #AD18B4;
color: #AD18B4;
border-color: #AD18B4;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F4C0F7
300
#EC93F1
400
#E258E9
500
#D81EE1
600
#AD18B4
700
#8A1390
800
#6C0F71
900
#4F0F52
950
#320A34

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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