#BB55BA

#BB55BA

Color Values

HEX

#BB55BA

RGB

187, 85, 186

HSL

300.6, 42.9%, 53.3%

HSV

300.6, 54.5%, 73.3%

CMYK

0.0%, 54.5%, 0.5%, 26.7%

OKLCH

0.6135 0.18 327.9

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BB55BA

#55BB56

Analogous

#8955BB

#BB5587

#BB55BA

Triadic

#BB55BA

#BABB55

#55BABB

Split Complementary

#BB55BA

#87BB55

#55BB89

Tetradic

#BB55BA

#BB8955

#55BB56

#5587BB

Color Blindness Simulation

Original

#BB55BA

Protanopia

#8F8EA2

Deuteranopia

#959C9C

Tritanopia

#B68E8A

Achromatopsia

#727272

CSS Usage

background-color: #BB55BA;
color: #BB55BA;
border-color: #BB55BA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF5FA
100
#F4E7F4
200
#EBCCEA
300
#DCA8DC
400
#C978C8
500
#B649B5
600
#923A91
700
#752F74
800
#5B245B
900
#431E43
950
#2A132A

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

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