#BC94F4

#BC94F4

Color Values

HEX

#BC94F4

RGB

188, 148, 244

HSL

265.0, 81.4%, 76.9%

HSV

265.0, 39.3%, 95.7%

CMYK

23.0%, 39.3%, 0.0%, 4.3%

OKLCH

0.7404 0.1404 302.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#BC94F4

#CCF494

Analogous

#949CF4

#EC94F4

#BC94F4

Triadic

#BC94F4

#F4BC94

#94F4BC

Split Complementary

#BC94F4

#F4EC94

#9CF494

Tetradic

#BC94F4

#F4949C

#CCF494

#94F4EC

Color Blindness Simulation

Original

#BC94F4

Protanopia

#ABAADD

Deuteranopia

#ADB0D7

Tritanopia

#BACAC6

Achromatopsia

#A3A3A3

CSS Usage

background-color: #BC94F4;
color: #BC94F4;
border-color: #BC94F4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#EBE1FA
200
#D6BEF8
300
#B990F4
400
#9454ED
500
#6E18E7
600
#5813B9
700
#470F94
800
#370C74
900
#2B0D54
950
#1B0835

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026