#B94DF4

#B94DF4

Color Values

HEX

#B94DF4

RGB

185, 77, 244

HSL

278,8, 88,4%, 62,9%

HSV

278,8, 68,4%, 95,7%

CMYK

24,2%, 68,4%, 0,0%, 4,3%

OKLCH

0,6355 0,2438 311,0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B94DF4

#88F44D

Analogous

#654DF4

#F44DDB

#B94DF4

Triadic

#B94DF4

#F4B94D

#4DF4B9

Split Complementary

#B94DF4

#DBF44D

#4DF465

Tetradic

#B94DF4

#F4654D

#88F44D

#4DDBF4

Color Blindness Simulation

Original

#B94DF4

Protanopia

#8A89CC

Deuteranopia

#9099C2

Tritanopia

#B4ACA5

Achromatopsia

#707070

CSS Usage

background-color: #B94DF4;
color: #B94DF4;
border-color: #B94DF4;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E5BCFB
300
#D28CF8
400
#B94DF4
500
#A10FF0
600
#800CC0
700
#67099A
800
#500778
900
#3C0A57
950
#260637

Contrast Checker

Text on white

3,87:1

AA Fail AAA Fail

Text on black

5,43:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026