#BB94CB

#BB94CB

Color Values

HEX

#BB94CB

RGB

187, 148, 203

HSL

282.5, 34.6%, 68.8%

HSV

282.5, 27.1%, 79.6%

CMYK

7.9%, 27.1%, 0.0%, 20.4%

OKLCH

0.7214 0.089 315.9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BB94CB

#A4CB94

Analogous

#9F94CB

#CB94BF

#BB94CB

Triadic

#BB94CB

#CBBB94

#94CBBB

Split Complementary

#BB94CB

#BFCB94

#94CB9F

Tetradic

#BB94CB

#CB9F94

#A4CB94

#94BFCB

Color Blindness Simulation

Original

#BB94CB

Protanopia

#AAAABE

Deuteranopia

#ACAFBA

Tritanopia

#B9B3B1

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CBADD7
400
#AE80C1
500
#9253AC
600
#754389
700
#5D356E
800
#492A56
900
#372140
950
#231528

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.21:1

AA Pass AAA Pass

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