#BB4EB7

#BB4EB7

Color Values

HEX

#BB4EB7

RGB

187, 78, 183

HSL

302,2, 44,5%, 52,0%

HSV

302,2, 58,3%, 73,3%

CMYK

0,0%, 58,3%, 2,1%, 26,7%

OKLCH

0,6034 0,188 329,0

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#BB4EB7

#4EBB52

Analogous

#894EBB

#BB4E81

#BB4EB7

Triadic

#BB4EB7

#B7BB4E

#4EB7BB

Split Complementary

#BB4EB7

#81BB4E

#4EBB89

Tetradic

#BB4EB7

#BB894E

#4EBB52

#4E81BB

Color Blindness Simulation

Original

#BB4EB7

Protanopia

#8C8B9E

Deuteranopia

#929A98

Tritanopia

#B68A85

Achromatopsia

#6D6D6D

CSS Usage

background-color: #BB4EB7;
color: #BB4EB7;
border-color: #BB4EB7;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA7DB
400
#CB77C8
500
#B847B4
600
#933990
700
#762D73
800
#5C235A
900
#441D42
950
#2B122A

Contrast Checker

Text on white

4,3:1

AA Fail AAA Fail

Text on black

4,89:1

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