#A67BE2

#A67BE2

Color Values

HEX

#A67BE2

RGB

166, 123, 226

HSL

265.0, 64.0%, 68.4%

HSV

265.0, 45.6%, 88.6%

CMYK

26.5%, 45.6%, 0.0%, 11.4%

OKLCH

0.6676 0.1529 301.7

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A67BE2

#B7E27B

Analogous

#7B83E2

#D97BE2

#A67BE2

Triadic

#A67BE2

#E2A67B

#7BE2A6

Split Complementary

#A67BE2

#E2D97B

#83E27B

Tetradic

#A67BE2

#E27B83

#B7E27B

#7BE2D9

Color Blindness Simulation

Original

#A67BE2

Protanopia

#9393C9

Deuteranopia

#9699C3

Tritanopia

#A4B5B1

Achromatopsia

#8C8C8C

CSS Usage

background-color: #A67BE2;
color: #A67BE2;
border-color: #A67BE2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F3FC
100
#ECE3F7
200
#D7C4F2
300
#BB9BE9
400
#9764DD
500
#722ED1
600
#5B25A7
700
#491D86
800
#391769
900
#2C154C
950
#1C0D30

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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