#A67693

#A67693

Color Values

HEX

#A67693

RGB

166, 118, 147

HSL

323.8, 21.2%, 55.7%

HSV

323.8, 28.9%, 65.1%

CMYK

0.0%, 28.9%, 11.4%, 34.9%

OKLCH

0.6233 0.0718 342.5

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#A67693

#76A689

Analogous

#A176A6

#A6767B

#A67693

Triadic

#A67693

#93A676

#7693A6

Split Complementary

#A67693

#7BA676

#76A6A1

Tetradic

#A67693

#A6A176

#76A689

#767BA6

Color Blindness Simulation

Original

#A67693

Protanopia

#91918C

Deuteranopia

#94988A

Tritanopia

#A48685

Achromatopsia

#828282

CSS Usage

background-color: #A67693;
color: #A67693;
border-color: #A67693;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E3D4DD
300
#CFB5C4
400
#B58DA5
500
#9B6485
600
#7C506A
700
#634055
800
#4D3243
900
#3A2732
950
#241920

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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