#A689CD

#A689CD

Color Values

HEX

#A689CD

RGB

166, 137, 205

HSL

265.6, 40.5%, 67.1%

HSV

265.6, 33.2%, 80.4%

CMYK

19.0%, 33.2%, 0.0%, 19.6%

OKLCH

0.6821 0.1026 303.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A689CD

#B0CD89

Analogous

#898ECD

#C889CD

#A689CD

Triadic

#A689CD

#CDA689

#89CDA6

Split Complementary

#A689CD

#CDC889

#8ECD89

Tetradic

#A689CD

#CD898E

#B0CD89

#89CDC8

Color Blindness Simulation

Original

#A689CD

Protanopia

#9999BD

Deuteranopia

#9B9DB9

Tritanopia

#A5B0AD

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDEA
300
#BEA9DB
400
#9B7AC7
500
#784CB3
600
#603D8F
700
#4D3173
800
#3C265A
900
#2E1F42
950
#1D132A

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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