#BC8FD7

#BC8FD7

Color Values

HEX

#BC8FD7

RGB

188, 143, 215

HSL

277,5, 47,4%, 70,2%

HSV

277,5, 33,5%, 84,3%

CMYK

12,6%, 33,5%, 0,0%, 15,7%

OKLCH

0,7183 0,1127 312,3

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BC8FD7

#AAD78F

Analogous

#988FD7

#D78FCE

#BC8FD7

Triadic

#BC8FD7

#D7BC8F

#8FD7BC

Split Complementary

#BC8FD7

#CED78F

#8FD798

Tetradic

#BC8FD7

#D7988F

#AAD78F

#8FCED7

Color Blindness Simulation

Original

#BC8FD7

Protanopia

#A9A8C6

Deuteranopia

#ABAEC1

Tritanopia

#BAB8B5

Achromatopsia

#9E9E9E

CSS Usage

background-color: #BC8FD7;
color: #BC8FD7;
border-color: #BC8FD7;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#E0CAEC
300
#C9A5DF
400
#AC74CD
500
#8F43BC
600
#723696
700
#5B2B78
800
#47225E
900
#361C45
950
#22122C

Contrast Checker

Text on white

2,61:1

AA Fail AAA Fail

Text on black

8,05:1

AA Pass AAA Pass

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