#BC4FC1

#BC4FC1

Color Values

HEX

#BC4FC1

RGB

188, 79, 193

HSL

297.4, 47.9%, 53.3%

HSV

297.4, 59.1%, 75.7%

CMYK

2.6%, 59.1%, 0.0%, 24.3%

OKLCH

0.6111 0.1957 325.9

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BC4FC1

#54C14F

Analogous

#834FC1

#C14F8D

#BC4FC1

Triadic

#BC4FC1

#C1BC4F

#4FC1BC

Split Complementary

#BC4FC1

#8DC14F

#4FC183

Tetradic

#BC4FC1

#C1834F

#54C14F

#4F8DC1

Color Blindness Simulation

Original

#BC4FC1

Protanopia

#8D8CA5

Deuteranopia

#939B9F

Tritanopia

#B7908B

Achromatopsia

#6E6E6E

CSS Usage

background-color: #BC4FC1;
color: #BC4FC1;
border-color: #BC4FC1;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCAEC
300
#DDA4DF
400
#CA73CE
500
#B742BD
600
#933597
700
#752B79
800
#5C215E
900
#441C45
950
#2B112C

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass AAA Fail

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