#B686FE

#B686FE

Color Values

HEX

#B686FE

RGB

182, 134, 254

HSL

264.0, 98.4%, 76.1%

HSV

264.0, 47.2%, 99.6%

CMYK

28.3%, 47.2%, 0.0%, 0.4%

OKLCH

0.7163 0.1737 300.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B686FE

#CEFE86

Analogous

#8692FE

#F286FE

#B686FE

Triadic

#B686FE

#FEB686

#86FEB6

Split Complementary

#B686FE

#FEF286

#92FE86

Tetradic

#B686FE

#FE8692

#CEFE86

#86FEF2

Color Blindness Simulation

Original

#B686FE

Protanopia

#A1A1E1

Deuteranopia

#A4A8DA

Tritanopia

#B4CAC5

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D4B8FE
300
#B686FE
400
#8E44FD
500
#6602FD
600
#5202CA
700
#4201A2
800
#33017E
900
#28065B
950
#19043A

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.83:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026