#B78FEB

#B78FEB

Color Values

HEX

#B78FEB

RGB

183, 143, 235

HSL

266.1, 69.7%, 74.1%

HSV

266.1, 39.1%, 92.2%

CMYK

22.1%, 39.1%, 0.0%, 7.8%

OKLCH

0.7227 0.1359 303.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B78FEB

#C3EB8F

Analogous

#8F95EB

#E58FEB

#B78FEB

Triadic

#B78FEB

#EBB78F

#8FEBB7

Split Complementary

#B78FEB

#EBE58F

#95EB8F

Tetradic

#B78FEB

#EB8F95

#C3EB8F

#8FEBE5

Color Blindness Simulation

Original

#B78FEB

Protanopia

#A6A5D5

Deuteranopia

#A8ABCF

Tritanopia

#B5C3BF

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE3F8
200
#D8C2F4
300
#BC97EC
400
#985FE2
500
#7427D8
600
#5D1FAD
700
#4A198A
800
#3A136C
900
#2C124F
950
#1C0B32

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026