#A481B3

#A481B3

Color Values

HEX

#A481B3

RGB

164, 129, 179

HSL

282.0, 24.8%, 60.4%

HSV

282.0, 27.9%, 70.2%

CMYK

8.4%, 27.9%, 0.0%, 29.8%

OKLCH

0.654 0.0826 315.6

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#A481B3

#90B381

Analogous

#8B81B3

#B381A9

#A481B3

Triadic

#A481B3

#B3A481

#81B3A4

Split Complementary

#A481B3

#A9B381

#81B38B

Tetradic

#A481B3

#B38B81

#90B381

#81A9B3

Color Blindness Simulation

Original

#A481B3

Protanopia

#9595A7

Deuteranopia

#979AA4

Tritanopia

#A29D9B

Achromatopsia

#8C8C8C

CSS Usage

background-color: #A481B3;
color: #A481B3;
border-color: #A481B3;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD2E4
300
#C8B3D1
400
#AA89B8
500
#8C609F
600
#704D7F
700
#5A3D66
800
#463050
900
#35263B
950
#211825

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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