#A84DDC

#A84DDC

Color Values

HEX

#A84DDC

RGB

168, 77, 220

HSL

278.2, 67.1%, 58.2%

HSV

278.2, 65.0%, 86.3%

CMYK

23.6%, 65.0%, 0.0%, 13.7%

OKLCH

0.5992 0.2153 310.8

Properties

Cool Light Nearest: darkorchid

Color Harmonies

Complementary

#A84DDC

#81DC4D

Analogous

#604DDC

#DC4DC8

#A84DDC

Triadic

#A84DDC

#DCA84D

#4DDCA8

Split Complementary

#A84DDC

#C8DC4D

#4DDC60

Tetradic

#A84DDC

#DC604D

#81DC4D

#4DC8DC

Color Blindness Simulation

Original

#A84DDC

Protanopia

#8180B9

Deuteranopia

#868DB1

Tritanopia

#A39E98

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F0E3F7
200
#E2C3F3
300
#CD99EB
400
#B261E0
500
#972AD5
600
#7922AA
700
#611B88
800
#4B156B
900
#38134E
950
#240C31

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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