#BF86C6

#BF86C6

Color Values

HEX

#BF86C6

RGB

191, 134, 198

HSL

293.4, 36.0%, 65.1%

HSV

293.4, 32.3%, 77.6%

CMYK

3.5%, 32.3%, 0.0%, 22.4%

OKLCH

0.6984 0.1108 322.9

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BF86C6

#8DC686

Analogous

#9F86C6

#C686AD

#BF86C6

Triadic

#BF86C6

#C6BF86

#86C6BF

Split Complementary

#BF86C6

#ADC686

#86C69F

Tetradic

#BF86C6

#C69F86

#8DC686

#86ADC6

Color Blindness Simulation

Original

#BF86C6

Protanopia

#A6A6B7

Deuteranopia

#AAAEB3

Tritanopia

#BCAAA8

Achromatopsia

#979797

CSS Usage

background-color: #BF86C6;
color: #BF86C6;
border-color: #BF86C6;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E5CEE8
300
#D3ACD8
400
#BB7FC3
500
#A352AD
600
#83418B
700
#69346F
800
#522957
900
#3D2140
950
#261529

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026