#BF86F6

#BF86F6

Color Values

HEX

#BF86F6

RGB

191, 134, 246

HSL

270.5, 86.2%, 74.5%

HSV

270.5, 45.5%, 96.5%

CMYK

22.4%, 45.5%, 0.0%, 3.5%

OKLCH

0.7208 0.1661 306.1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BF86F6

#BDF686

Analogous

#8786F6

#F686F5

#BF86F6

Triadic

#BF86F6

#F6BF86

#86F6BF

Split Complementary

#BF86F6

#F5F686

#86F687

Tetradic

#BF86F6

#F68786

#BDF686

#86F5F6

Color Blindness Simulation

Original

#BF86F6

Protanopia

#A6A6DB

Deuteranopia

#AAAED4

Tritanopia

#BCC5C1

Achromatopsia

#9A9A9A

CSS Usage

background-color: #BF86F6;
color: #BF86F6;
border-color: #BF86F6;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBDFA
300
#C38DF7
400
#A24FF2
500
#8112ED
600
#670EBE
700
#530B98
800
#410977
900
#310B56
950
#1F0736

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