#BB83BA

#BB83BA

Color Values

HEX

#BB83BA

RGB

187, 131, 186

HSL

301.1, 29.2%, 62.4%

HSV

301.1, 29.9%, 73.3%

CMYK

0.0%, 29.9%, 0.5%, 26.7%

OKLCH

0.6841 0.1011 327.2

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BB83BA

#83BB84

Analogous

#A083BB

#BB839E

#BB83BA

Triadic

#BB83BA

#BABB83

#83BABB

Split Complementary

#BB83BA

#9EBB83

#83BBA0

Tetradic

#BB83BA

#BBA083

#83BB84

#839EBB

Color Blindness Simulation

Original

#BB83BA

Protanopia

#A3A2AD

Deuteranopia

#A6AAAA

Tritanopia

#B8A2A0

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E5
300
#D4B0D3
400
#BC85BB
500
#A55AA3
600
#844883
700
#693A69
800
#522D52
900
#3D243D
950
#271726

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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