#BC48FA

#BC48FA

Color Values

HEX

#BC48FA

RGB

188, 72, 250

HSL

279.1, 94.7%, 63.1%

HSV

279.1, 71.2%, 98.0%

CMYK

24.8%, 71.2%, 0.0%, 2.0%

OKLCH

0.6381 0.2559 310.9

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#BC48FA

#86FA48

Analogous

#6348FA

#FA48DF

#BC48FA

Triadic

#BC48FA

#FABC48

#48FABC

Split Complementary

#BC48FA

#DFFA48

#48FA63

Tetradic

#BC48FA

#FA6348

#86FA48

#48DFFA

Color Blindness Simulation

Original

#BC48FA

Protanopia

#8A89CF

Deuteranopia

#9099C5

Tritanopia

#B6ADA5

Achromatopsia

#6E6E6E

CSS Usage

background-color: #BC48FA;
color: #BC48FA;
border-color: #BC48FA;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F1FE
100
#F2DFFC
200
#E6B9FD
300
#D388FC
400
#BC47FA
500
#A407F8
600
#8305C7
700
#69049F
800
#52037C
900
#3D075A
950
#270539

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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