#BC38CF

#BC38CF

Color Values

HEX

#BC38CF

RGB

188, 56, 207

HSL

292.5, 61.1%, 51.6%

HSV

292.5, 72.9%, 81.2%

CMYK

9.2%, 72.9%, 0.0%, 18.8%

OKLCH

0.5958 0.2362 322.3

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#BC38CF

#4BCF38

Analogous

#7138CF

#CF3896

#BC38CF

Triadic

#BC38CF

#CFBC38

#38CFBC

Split Complementary

#BC38CF

#96CF38

#38CF71

Tetradic

#BC38CF

#CF7138

#4BCF38

#3896CF

Color Blindness Simulation

Original

#BC38CF

Protanopia

#8382AB

Deuteranopia

#8A94A2

Tritanopia

#B58E87

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BC38CF;
color: #BC38CF;
border-color: #BC38CF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FB
100
#F4E4F6
200
#ECC5F1
300
#DE9CE7
400
#CC67DA
500
#BA32CD
600
#9528A4
700
#772083
800
#5D1967
900
#44164B
950
#2B0E2F

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6: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