#A850DB

#A850DB

Color Values

HEX

#A850DB

RGB

168, 80, 219

HSL

278.0, 65.9%, 58.6%

HSV

278.0, 63.5%, 85.9%

CMYK

23.3%, 63.5%, 0.0%, 14.1%

OKLCH

0.6022 0.2103 310.8

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#A850DB

#83DB50

Analogous

#6250DB

#DB50C8

#A850DB

Triadic

#A850DB

#DBA850

#50DBA8

Split Complementary

#A850DB

#C8DB50

#50DB62

Tetradic

#A850DB

#DB6250

#83DB50

#50C8DB

Color Blindness Simulation

Original

#A850DB

Protanopia

#8281B9

Deuteranopia

#878EB1

Tritanopia

#A49F99

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E2C4F3
300
#CD99EA
400
#B162DF
500
#962BD4
600
#7823A9
700
#601C87
800
#4B166A
900
#38144D
950
#230C31

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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