#AD72C9

#AD72C9

Color Values

HEX

#AD72C9

RGB

173, 114, 201

HSL

280.7, 44.6%, 61.8%

HSV

280.7, 43.3%, 78.8%

CMYK

13.9%, 43.3%, 0.0%, 21.2%

OKLCH

0.6469 0.1398 314.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AD72C9

#8EC972

Analogous

#8272C9

#C972BA

#AD72C9

Triadic

#AD72C9

#C9AD72

#72C9AD

Split Complementary

#AD72C9

#BAC972

#72C982

Tetradic

#AD72C9

#C98272

#8EC972

#72BAC9

Color Blindness Simulation

Original

#AD72C9

Protanopia

#9393B4

Deuteranopia

#979BAF

Tritanopia

#AAA3A0

Achromatopsia

#858585

CSS Usage

background-color: #AD72C9;
color: #AD72C9;
border-color: #AD72C9;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FA
100
#F0E6F4
200
#E1CBEB
300
#CCA7DD
400
#B077CB
500
#9447B8
600
#763993
700
#5F2D76
800
#4A235C
900
#371D44
950
#23122B

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.03:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026