#B78DF6

#B78DF6

Color Values

HEX

#B78DF6

RGB

183, 141, 246

HSL

264.0, 85.4%, 75.9%

HSV

264.0, 42.7%, 96.5%

CMYK

25.6%, 42.7%, 0.0%, 3.5%

OKLCH

0.7247 0.153 301.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B78DF6

#CCF68D

Analogous

#8D98F6

#EC8DF6

#B78DF6

Triadic

#B78DF6

#F6B78D

#8DF6B7

Split Complementary

#B78DF6

#F6EC8D

#98F68D

Tetradic

#B78DF6

#F68D98

#CCF68D

#8DF6EC

Color Blindness Simulation

Original

#B78DF6

Protanopia

#A5A4DD

Deuteranopia

#A7AAD6

Tritanopia

#B5C9C4

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FA
200
#D5BDFA
300
#B78EF6
400
#9150F1
500
#6A13EC
600
#550FBD
700
#440C97
800
#350976
900
#290B56
950
#1A0736

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026