#B822F2

#B822F2

Color Values

HEX

#B822F2

RGB

184, 34, 242

HSL

283.3, 88.9%, 54.1%

HSV

283.3, 86.0%, 94.9%

CMYK

24.0%, 86.0%, 0.0%, 5.1%

OKLCH

0.5995 0.2804 313.2

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#B822F2

#5CF222

Analogous

#5022F2

#F222C4

#B822F2

Triadic

#B822F2

#F2B822

#22F2B8

Split Complementary

#B822F2

#C4F222

#22F250

Tetradic

#B822F2

#F25022

#5CF222

#22C4F2

Color Blindness Simulation

Original

#B822F2

Protanopia

#7776C0

Deuteranopia

#808BB4

Tritanopia

#B0988F

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E0FB
200
#E9BCFB
300
#DA8BF8
400
#C64DF5
500
#B20EF1
600
#8E0BC1
700
#72099A
800
#590778
900
#420A57
950
#290637

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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