#A87FBC

#A87FBC

Color Values

HEX

#A87FBC

RGB

168, 127, 188

HSL

280.3, 31.3%, 61.8%

HSV

280.3, 32.4%, 73.7%

CMYK

10.6%, 32.4%, 0.0%, 26.3%

OKLCH

0.6581 0.0992 314.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A87FBC

#93BC7F

Analogous

#8A7FBC

#BC7FB2

#A87FBC

Triadic

#A87FBC

#BCA87F

#7FBCA8

Split Complementary

#A87FBC

#B2BC7F

#7FBC8A

Tetradic

#A87FBC

#BC8A7F

#93BC7F

#7FB2BC

Color Blindness Simulation

Original

#A87FBC

Protanopia

#9696AD

Deuteranopia

#999CAA

Tritanopia

#A6A29F

Achromatopsia

#8C8C8C

CSS Usage

background-color: #A87FBC;
color: #A87FBC;
border-color: #A87FBC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#DFD0E6
300
#C8AFD5
400
#AB83BE
500
#8D58A7
600
#714686
700
#5A386B
800
#472C54
900
#35233E
950
#221627

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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