#AD48F7

#AD48F7

Color Values

HEX

#AD48F7

RGB

173, 72, 247

HSL

274.6, 91.6%, 62.5%

HSV

274.6, 70.9%, 96.9%

CMYK

30.0%, 70.9%, 0.0%, 3.1%

OKLCH

0.618 0.2491 306.8

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AD48F7

#92F748

Analogous

#5548F7

#F748EA

#AD48F7

Triadic

#AD48F7

#F7AD48

#48F7AD

Split Complementary

#AD48F7

#EAF748

#48F755

Tetradic

#AD48F7

#F75548

#92F748

#48EAF7

Color Blindness Simulation

Original

#AD48F7

Protanopia

#8180CD

Deuteranopia

#878FC2

Tritanopia

#A8ABA4

Achromatopsia

#6A6A6A

CSS Usage

background-color: #AD48F7;
color: #AD48F7;
border-color: #AD48F7;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#E0BBFC
300
#CA8AFA
400
#AE4AF7
500
#910BF4
600
#7409C3
700
#5D079C
800
#49057A
900
#370958
950
#220538

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026