#B286EB

#B286EB

Color Values

HEX

#B286EB

RGB

178, 134, 235

HSL

266.1, 71.6%, 72.4%

HSV

266.1, 43.0%, 92.2%

CMYK

24.3%, 43.0%, 0.0%, 7.8%

OKLCH

0.7025 0.1493 302.8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B286EB

#BFEB86

Analogous

#868DEB

#E486EB

#B286EB

Triadic

#B286EB

#EBB286

#86EBB2

Split Complementary

#B286EB

#EBE486

#8DEB86

Tetradic

#B286EB

#EB868D

#BFEB86

#86EBE4

Color Blindness Simulation

Original

#B286EB

Protanopia

#9F9FD3

Deuteranopia

#A2A5CD

Tritanopia

#B0BFBB

Achromatopsia

#979797

CSS Usage

background-color: #B286EB;
color: #B286EB;
border-color: #B286EB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D8C2F5
300
#BC96EE
400
#985DE4
500
#7424DB
600
#5D1DAF
700
#4A178C
800
#3A126D
900
#2C1150
950
#1C0B32

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026