#BD0BBB

#BD0BBB

Color Values

HEX

#BD0BBB

RGB

189, 11, 187

HSL

300.7, 89.0%, 39.2%

HSV

300.7, 94.2%, 74.1%

CMYK

0.0%, 94.2%, 1.1%, 25.9%

OKLCH

0.5613 0.253 328.9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BD0BBB

#0BBD0D

Analogous

#660BBD

#BD0B62

#BD0BBB

Triadic

#BD0BBB

#BBBD0B

#0BBBBD

Split Complementary

#BD0BBB

#62BD0B

#0BBD66

Tetradic

#BD0BBB

#BD660B

#0BBD0D

#0B62BD

Color Blindness Simulation

Original

#BD0BBB

Protanopia

#706E90

Deuteranopia

#7A8886

Tritanopia

#B46F67

Achromatopsia

#3E3E3E

CSS Usage

background-color: #BD0BBB;
color: #BD0BBB;
border-color: #BD0BBB;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCFA
300
#F88BF7
400
#F54DF3
500
#F10EEE
600
#C10BBF
700
#9A0999
800
#780777
900
#570A56
950
#370637

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail 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