#A691AF

#A691AF

Color Values

HEX

#A691AF

RGB

166, 145, 175

HSL

282.0, 15.8%, 62.7%

HSV

282.0, 17.1%, 68.6%

CMYK

5.1%, 17.1%, 0.0%, 31.4%

OKLCH

0.6852 0.0494 315.8

Properties

Cool Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#A691AF

#9AAF91

Analogous

#9791AF

#AF91A9

#A691AF

Triadic

#A691AF

#AFA691

#91AFA6

Split Complementary

#A691AF

#A9AF91

#91AF97

Tetradic

#A691AF

#AF9791

#9AAF91

#91A9AF

Color Blindness Simulation

Original

#A691AF

Protanopia

#9D9DA8

Deuteranopia

#9EA0A6

Tritanopia

#A5A2A1

Achromatopsia

#989898

CSS Usage

background-color: #A691AF;
color: #A691AF;
border-color: #A691AF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DED6E1
300
#C6B8CB
400
#A792B0
500
#886B94
600
#6C5676
700
#57455E
800
#44364A
900
#332A37
950
#201A23

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.29:1

AA Pass AAA Pass

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