#BC74F0

#BC74F0

Color Values

HEX

#BC74F0

RGB

188, 116, 240

HSL

274,8, 80,5%, 69,8%

HSV

274,8, 51,7%, 94,1%

CMYK

21,7%, 51,7%, 0,0%, 5,9%

OKLCH

0,6865 0,1866 309,1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BC74F0

#A8F074

Analogous

#7E74F0

#F074E6

#BC74F0

Triadic

#BC74F0

#F0BC74

#74F0BC

Split Complementary

#BC74F0

#E6F074

#74F07E

Tetradic

#BC74F0

#F07E74

#A8F074

#74E6F0

Color Blindness Simulation

Original

#BC74F0

Protanopia

#9D9CD2

Deuteranopia

#A1A6CB

Tritanopia

#B8BAB5

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E0BFF8
300
#CA91F3
400
#AD55ED
500
#9019E6
600
#7314B8
700
#5C1093
800
#480C73
900
#360D54
950
#220835

Contrast Checker

Text on white

3,05:1

AA Fail AAA Fail

Text on black

6,89:1

AA Pass AAA Fail

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