#A489BC

#A489BC

Color Values

HEX

#A489BC

RGB

164, 137, 188

HSL

271.8, 27.6%, 63.7%

HSV

271.8, 27.1%, 73.7%

CMYK

12.8%, 27.1%, 0.0%, 26.3%

OKLCH

0.6729 0.0796 308.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#A489BC

#A1BC89

Analogous

#8A89BC

#BC89BA

#A489BC

Triadic

#A489BC

#BCA489

#89BCA4

Split Complementary

#A489BC

#BABC89

#89BC8A

Tetradic

#A489BC

#BC8A89

#A1BC89

#89BABC

Color Blindness Simulation

Original

#A489BC

Protanopia

#9898B0

Deuteranopia

#9A9CAD

Tritanopia

#A3A6A4

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD1E5
300
#C3B1D3
400
#A287BB
500
#825CA3
600
#684A82
700
#533B68
800
#412E51
900
#31243C
950
#1F1726

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026