#B304FB

#B304FB

Color Values

HEX

#B304FB

RGB

179, 4, 251

HSL

282.5, 96.9%, 50.0%

HSV

282.5, 98.4%, 98.4%

CMYK

28.7%, 98.4%, 0.0%, 1.6%

OKLCH

0.5906 0.2967 310.4

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#B304FB

#4CFB04

Analogous

#3704FB

#FB04C8

#B304FB

Triadic

#B304FB

#FBB304

#04FBB3

Split Complementary

#B304FB

#C8FB04

#04FB37

Tetradic

#B304FB

#FB3704

#4CFB04

#04C8FB

Color Blindness Simulation

Original

#B304FB

Protanopia

#6766BF

Deuteranopia

#717EB1

Tritanopia

#AA9086

Achromatopsia

#3B3B3B

CSS Usage

background-color: #B304FB;
color: #B304FB;
border-color: #B304FB;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#EAB9FE
300
#DB86FD
400
#C745FC
500
#B304FB
600
#8F03C9
700
#7303A1
800
#59027E
900
#42065B
950
#2A0439

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

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