#BB74DF

#BB74DF

Color Values

HEX

#BB74DF

RGB

187, 116, 223

HSL

279.8, 62.6%, 66.5%

HSV

279.8, 48.0%, 87.5%

CMYK

16.1%, 48.0%, 0.0%, 12.5%

OKLCH

0.6763 0.1673 313.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BB74DF

#98DF74

Analogous

#8674DF

#DF74CE

#BB74DF

Triadic

#BB74DF

#DFBB74

#74DFBB

Split Complementary

#BB74DF

#CEDF74

#74DF86

Tetradic

#BB74DF

#DF8674

#98DF74

#74CEDF

Color Blindness Simulation

Original

#BB74DF

Protanopia

#9C9CC5

Deuteranopia

#A0A6BF

Tritanopia

#B7B1AC

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F0E4F7
200
#E3C5F2
300
#CE9BE8
400
#B466DC
500
#9A30CF
600
#7B26A6
700
#621F85
800
#4D1868
900
#39154C
950
#240D30

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.68:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026