#BD8FCC

#BD8FCC

Color Values

HEX

#BD8FCC

RGB

189, 143, 204

HSL

285,2, 37,4%, 68,0%

HSV

285,2, 29,9%, 80,0%

CMYK

7,4%, 29,9%, 0,0%, 20,0%

OKLCH

0,7147 0,1002 317,7

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BD8FCC

#9ECC8F

Analogous

#9E8FCC

#CC8FBC

#BD8FCC

Triadic

#BD8FCC

#CCBD8F

#8FCCBD

Split Complementary

#BD8FCC

#BCCC8F

#8FCC9E

Tetradic

#BD8FCC

#CC9E8F

#9ECC8F

#8FBCCC

Color Blindness Simulation

Original

#BD8FCC

Protanopia

#A9A9BD

Deuteranopia

#ACAFBA

Tritanopia

#BBB2AF

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E7F3
200
#E2CEE9
300
#CDABD9
400
#B37DC4
500
#9850AF
600
#79408C
700
#613370
800
#4C2858
900
#392041
950
#241429

Contrast Checker

Text on white

2,64:1

AA Fail AAA Fail

Text on black

7,96: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