#A781CC

#A781CC

Color Values

HEX

#A781CC

RGB

167, 129, 204

HSL

270.4, 42.4%, 65.3%

HSV

270.4, 36.8%, 80.0%

CMYK

18.1%, 36.8%, 0.0%, 20.0%

OKLCH

0.668 0.1153 306.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A781CC

#A6CC81

Analogous

#8181CC

#CC81CC

#A781CC

Triadic

#A781CC

#CCA781

#81CCA7

Split Complementary

#A781CC

#CCCC81

#81CC81

Tetradic

#A781CC

#CC8181

#A6CC81

#81CCCC

Color Blindness Simulation

Original

#A781CC

Protanopia

#9796BA

Deuteranopia

#999CB5

Tritanopia

#A5ACA8

Achromatopsia

#8E8E8E

CSS Usage

background-color: #A781CC;
color: #A781CC;
border-color: #A781CC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEA
300
#C2A8DC
400
#A179C9
500
#8049B6
600
#673B91
700
#522F74
800
#40255B
900
#311E43
950
#1F132A

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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