#BB80F4

#BB80F4

Color Values

HEX

#BB80F4

RGB

187, 128, 244

HSL

270.5, 84.1%, 72.9%

HSV

270.5, 47.5%, 95.7%

CMYK

23.4%, 47.5%, 0.0%, 4.3%

OKLCH

0.7061 0.1721 305.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BB80F4

#B9F480

Analogous

#8180F4

#F480F3

#BB80F4

Triadic

#BB80F4

#F4BB80

#80F4BB

Split Complementary

#BB80F4

#F3F480

#80F481

Tetradic

#BB80F4

#F48180

#B9F480

#80F3F4

Color Blindness Simulation

Original

#BB80F4

Protanopia

#A1A1D8

Deuteranopia

#A5A9D1

Tritanopia

#B8C2BD

Achromatopsia

#959595

CSS Usage

background-color: #BB80F4;
color: #BB80F4;
border-color: #BB80F4;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBDF9
300
#C38EF5
400
#A251F0
500
#8114EB
600
#6710BC
700
#530D96
800
#410A75
900
#310C55
950
#1F0736

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026