#B557F1

#B557F1

Color Values

HEX

#B557F1

RGB

181, 87, 241

HSL

276.6, 84.6%, 64.3%

HSV

276.6, 63.9%, 94.5%

CMYK

24.9%, 63.9%, 0.0%, 5.5%

OKLCH

0.6401 0.2272 309.5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B557F1

#93F157

Analogous

#6857F1

#F157E0

#B557F1

Triadic

#B557F1

#F1B557

#57F1B5

Split Complementary

#B557F1

#E0F157

#57F168

Tetradic

#B557F1

#F16857

#93F157

#57E0F1

Color Blindness Simulation

Original

#B557F1

Protanopia

#8C8BCC

Deuteranopia

#9299C3

Tritanopia

#B0AEA8

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BDFA
300
#CD8EF6
400
#B251F0
500
#9714EB
600
#7910BC
700
#610D97
800
#4C0A76
900
#390C55
950
#240736

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026