#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026