#AD72F0

#AD72F0

Color Values

HEX

#AD72F0

RGB

173, 114, 240

HSL

268.1, 80.8%, 69.4%

HSV

268.1, 52.5%, 94.1%

CMYK

27.9%, 52.5%, 0.0%, 5.9%

OKLCH

0.6678 0.1855 303.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AD72F0

#B5F072

Analogous

#7276F0

#EC72F0

#AD72F0

Triadic

#AD72F0

#F0AD72

#72F0AD

Split Complementary

#AD72F0

#F0EC72

#76F072

Tetradic

#AD72F0

#F07276

#B5F072

#72F0EC

Color Blindness Simulation

Original

#AD72F0

Protanopia

#9393D2

Deuteranopia

#979BCA

Tritanopia

#AAB9B4

Achromatopsia

#888888

CSS Usage

background-color: #AD72F0;
color: #AD72F0;
border-color: #AD72F0;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#D9BEF8
300
#BF90F3
400
#9C54ED
500
#7918E7
600
#6114B8
700
#4D1094
800
#3C0C73
900
#2E0D54
950
#1D0835

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026