#BB09BD

#BB09BD

Color Values

HEX

#BB09BD

RGB

187, 9, 189

HSL

299.3, 90.9%, 38.8%

HSV

299.3, 95.2%, 74.1%

CMYK

1.1%, 95.2%, 0.0%, 25.9%

OKLCH

0.559 0.2541 327.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BB09BD

#0BBD09

Analogous

#6109BD

#BD0965

#BB09BD

Triadic

#BB09BD

#BDBB09

#09BDBB

Split Complementary

#BB09BD

#65BD09

#09BD61

Tetradic

#BB09BD

#BD6109

#0BBD09

#0965BD

Color Blindness Simulation

Original

#BB09BD

Protanopia

#6E6C91

Deuteranopia

#788687

Tritanopia

#B26F68

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFC
300
#F88AF9
400
#F44BF6
500
#F10CF3
600
#C109C3
700
#9A079C
800
#78067A
900
#570958
950
#370638

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

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