#BB86B2

#BB86B2

Color Values

HEX

#BB86B2

RGB

187, 134, 178

HSL

310.2, 28.0%, 62.9%

HSV

310.2, 28.3%, 73.3%

CMYK

0.0%, 28.3%, 4.8%, 26.7%

OKLCH

0.6863 0.0877 332.6

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BB86B2

#86BB8F

Analogous

#A986BB

#BB8697

#BB86B2

Triadic

#BB86B2

#B2BB86

#86B2BB

Split Complementary

#BB86B2

#97BB86

#86BBA9

Tetradic

#BB86B2

#BBA986

#86BB8F

#8697BB

Color Blindness Simulation

Original

#BB86B2

Protanopia

#A4A4A7

Deuteranopia

#A7ABA5

Tritanopia

#B89F9D

Achromatopsia

#949494

CSS Usage

background-color: #BB86B2;
color: #BB86B2;
border-color: #BB86B2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D1E2
300
#D3B1CD
400
#BB86B2
500
#A35C97
600
#834979
700
#683B61
800
#522E4C
900
#3D2439
950
#261724

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.17:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026