#A67ABF

#A67ABF

Color Values

HEX

#A67ABF

RGB

166, 122, 191

HSL

278.3, 35.0%, 61.4%

HSV

278.3, 36.1%, 74.9%

CMYK

13.1%, 36.1%, 0.0%, 25.1%

OKLCH

0.6485 0.1109 312.7

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A67ABF

#93BF7A

Analogous

#847ABF

#BF7AB5

#A67ABF

Triadic

#A67ABF

#BFA67A

#7ABFA6

Split Complementary

#A67ABF

#B5BF7A

#7ABF84

Tetradic

#A67ABF

#BF847A

#93BF7A

#7AB5BF

Color Blindness Simulation

Original

#A67ABF

Protanopia

#9393AE

Deuteranopia

#9699AA

Tritanopia

#A4A19E

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE8
300
#C8ACD7
400
#AA80C2
500
#8C53AC
600
#70428A
700
#5A356E
800
#462956
900
#352140
950
#211528

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

6.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026