#B450F2

#B450F2

Color Values

HEX

#B450F2

RGB

180, 80, 242

HSL

277.0, 86.2%, 63.1%

HSV

277.0, 66.9%, 94.9%

CMYK

25.6%, 66.9%, 0.0%, 5.1%

OKLCH

0.6314 0.2368 309.5

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B450F2

#8EF250

Analogous

#6350F2

#F250DF

#B450F2

Triadic

#B450F2

#F2B450

#50F2B4

Split Complementary

#B450F2

#DFF250

#50F263

Tetradic

#B450F2

#F26350

#8EF250

#50DFF2

Color Blindness Simulation

Original

#B450F2

Protanopia

#8988CB

Deuteranopia

#8E96C1

Tritanopia

#AFACA5

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BDFA
300
#CE8DF7
400
#B44FF2
500
#9912ED
600
#7B0EBE
700
#620B98
800
#4D0977
900
#390B56
950
#240736

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.37: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