#BC7DF6

#BC7DF6

Color Values

HEX

#BC7DF6

RGB

188, 125, 246

HSL

271.2, 87.1%, 72.7%

HSV

271.2, 49.2%, 96.5%

CMYK

23.6%, 49.2%, 0.0%, 3.5%

OKLCH

0.7035 0.1795 306.4

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BC7DF6

#B7F67D

Analogous

#7F7DF6

#F67DF4

#BC7DF6

Triadic

#BC7DF6

#F6BC7D

#7DF6BC

Split Complementary

#BC7DF6

#F4F67D

#7DF67F

Tetradic

#BC7DF6

#F67F7D

#B7F67D

#7DF4F6

Color Blindness Simulation

Original

#BC7DF6

Protanopia

#A1A0D9

Deuteranopia

#A4A9D2

Tritanopia

#B9C2BD

Achromatopsia

#939393

CSS Usage

background-color: #BC7DF6;
color: #BC7DF6;
border-color: #BC7DF6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFA
300
#C48CF7
400
#A44EF3
500
#8410EF
600
#6A0DBF
700
#540B99
800
#420877
900
#320A56
950
#200737

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026