#BB56FF

#BB56FF

Color Values

HEX

#BB56FF

RGB

187, 86, 255

HSL

275.9, 100.0%, 66.9%

HSV

275.9, 66.3%, 100.0%

CMYK

26.7%, 66.3%, 0.0%, 0.0%

OKLCH

0.655 0.244 308.5

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BB56FF

#9AFF56

Analogous

#6756FF

#FF56EE

#BB56FF

Triadic

#BB56FF

#FFBB56

#56FFBB

Split Complementary

#BB56FF

#EEFF56

#56FF67

Tetradic

#BB56FF

#FF6756

#9AFF56

#56EEFF

Color Blindness Simulation

Original

#BB56FF

Protanopia

#8F8ED6

Deuteranopia

#959DCC

Tritanopia

#B6B6AF

Achromatopsia

#787878

CSS Usage

background-color: #BB56FF;
color: #BB56FF;
border-color: #BB56FF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FE
100
#F0DEFC
200
#E2B8FF
300
#CE85FF
400
#B342FF
500
#9900FF
600
#7A00CC
700
#6200A3
800
#4C0080
900
#39055C
950
#24033A

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.89: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