#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026