#A787CB

#A787CB

Color Values

HEX

#A787CB

RGB

167, 135, 203

HSL

268.2, 39.5%, 66.3%

HSV

268.2, 33.5%, 79.6%

CMYK

17.7%, 33.5%, 0.0%, 20.4%

OKLCH

0.6784 0.1037 305.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A787CB

#ABCB87

Analogous

#8789CB

#C987CB

#A787CB

Triadic

#A787CB

#CBA787

#87CBA7

Split Complementary

#A787CB

#CBC987

#89CB87

Tetradic

#A787CB

#CB8789

#ABCB87

#87CBC9

Color Blindness Simulation

Original

#A787CB

Protanopia

#9999BB

Deuteranopia

#9B9DB7

Tritanopia

#A5AEAB

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DACDE9
300
#C0AADA
400
#9E7BC6
500
#7C4DB2
600
#643E8E
700
#503172
800
#3E2759
900
#2F1F42
950
#1E1429

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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