#B880BB

#B880BB

Color Values

HEX

#B880BB

RGB

184, 128, 187

HSL

296.9, 30.3%, 61.8%

HSV

296.9, 31.6%, 73.3%

CMYK

1.6%, 31.6%, 0.0%, 26.7%

OKLCH

0.6761 0.1055 324.9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#B880BB

#83BB80

Analogous

#9B80BB

#BB80A1

#B880BB

Triadic

#B880BB

#BBB880

#80BBB8

Split Complementary

#B880BB

#A1BB80

#80BB9B

Tetradic

#B880BB

#BB9B80

#83BB80

#80A1BB

Color Blindness Simulation

Original

#B880BB

Protanopia

#A09FAD

Deuteranopia

#A3A7A9

Tritanopia

#B5A19F

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F1E9F2
200
#E5D0E6
300
#D2AFD4
400
#BA84BD
500
#A259A6
600
#824785
700
#68396A
800
#512C53
900
#3C233E
950
#261627

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026