#BF8DD0

#BF8DD0

Color Values

HEX

#BF8DD0

RGB

191, 141, 208

HSL

284.8, 41.6%, 68.4%

HSV

284.8, 32.2%, 81.6%

CMYK

8.2%, 32.2%, 0.0%, 18.4%

OKLCH

0.7148 0.1094 317.3

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BF8DD0

#9ED08D

Analogous

#9D8DD0

#D08DBF

#BF8DD0

Triadic

#BF8DD0

#D0BF8D

#8DD0BF

Split Complementary

#BF8DD0

#BFD08D

#8DD09D

Tetradic

#BF8DD0

#D09D8D

#9ED08D

#8DBFD0

Color Blindness Simulation

Original

#BF8DD0

Protanopia

#A9A9C0

Deuteranopia

#ACB0BC

Tritanopia

#BCB3B0

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E7F3
200
#E3CCEA
300
#CEA8DB
400
#B479C8
500
#9A4AB5
600
#7B3C90
700
#623074
800
#4D255A
900
#391E43
950
#24132A

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.94:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026