#AD07F8

#AD07F8

Color Values

HEX

#AD07F8

RGB

173, 7, 248

HSL

281.3, 94.5%, 50.0%

HSV

281.3, 97.2%, 97.3%

CMYK

30.2%, 97.2%, 0.0%, 2.7%

OKLCH

0.5808 0.2925 309.2

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#AD07F8

#52F807

Analogous

#3407F8

#F807CB

#AD07F8

Triadic

#AD07F8

#F8AD07

#07F8AD

Split Complementary

#AD07F8

#CBF807

#07F834

Tetradic

#AD07F8

#F83407

#52F807

#07CBF8

Color Blindness Simulation

Original

#AD07F8

Protanopia

#6564BE

Deuteranopia

#6F7BB0

Tritanopia

#A59086

Achromatopsia

#3C3C3C

CSS Usage

background-color: #AD07F8;
color: #AD07F8;
border-color: #AD07F8;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF1FD
100
#F3DFFB
200
#E8BAFD
300
#D888FC
400
#C247FA
500
#AD07F8
600
#8A06C6
700
#6F049F
800
#56047C
900
#40075A
950
#280539

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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