#A889CB

#A889CB

Color Values

HEX

#A889CB

RGB

168, 137, 203

HSL

268.2, 38.8%, 66.7%

HSV

268.2, 32.5%, 79.6%

CMYK

17.2%, 32.5%, 0.0%, 20.4%

OKLCH

0.683 0.1005 305.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A889CB

#ACCB89

Analogous

#898BCB

#C989CB

#A889CB

Triadic

#A889CB

#CBA889

#89CBA8

Split Complementary

#A889CB

#CBC989

#8BCB89

Tetradic

#A889CB

#CB898B

#ACCB89

#89CBC9

Color Blindness Simulation

Original

#A889CB

Protanopia

#9B9ABB

Deuteranopia

#9C9FB7

Tritanopia

#A6AEAC

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DACDE9
300
#C0AADA
400
#9E7CC5
500
#7D4EB1
600
#643E8E
700
#503271
800
#3E2758
900
#2F2041
950
#1E1429

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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