#B577F9

#B577F9

Color Values

HEX

#B577F9

RGB

181, 119, 249

HSL

268.6, 91.5%, 72.2%

HSV

268.6, 52.2%, 97.6%

CMYK

27.3%, 52.2%, 0.0%, 2.4%

OKLCH

0.6888 0.1903 303.8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B577F9

#BBF977

Analogous

#777AF9

#F677F9

#B577F9

Triadic

#B577F9

#F9B577

#77F9B5

Split Complementary

#B577F9

#F9F677

#7AF977

Tetradic

#B577F9

#F9777A

#BBF977

#77F9F6

Color Blindness Simulation

Original

#B577F9

Protanopia

#9A9ADA

Deuteranopia

#9EA2D2

Tritanopia

#B2C1BB

Achromatopsia

#8E8E8E

CSS Usage

background-color: #B577F9;
color: #B577F9;
border-color: #B577F9;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABBFC
300
#BF8AFA
400
#9D4AF7
500
#7A0BF4
600
#6209C3
700
#4E079C
800
#3D057A
900
#2F0958
950
#1D0538

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.97:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026