#A550ED

#A550ED

Color Values

HEX

#A550ED

RGB

165, 80, 237

HSL

272.5, 81.3%, 62.2%

HSV

272.5, 66.2%, 92.9%

CMYK

30.4%, 66.2%, 0.0%, 7.1%

OKLCH

0.6106 0.2278 305.5

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#A550ED

#98ED50

Analogous

#5750ED

#ED50E6

#A550ED

Triadic

#A550ED

#EDA550

#50EDA5

Split Complementary

#A550ED

#E6ED50

#50ED57

Tetradic

#A550ED

#ED5750

#98ED50

#50E6ED

Color Blindness Simulation

Original

#A550ED

Protanopia

#807FC7

Deuteranopia

#858CBE

Tritanopia

#A1A9A2

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DEBEF8
300
#C690F4
400
#A754ED
500
#8818E7
600
#6D13B9
700
#570F94
800
#440C74
900
#330D54
950
#200835

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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