#B581FD

#B581FD

Color Values

HEX

#B581FD

RGB

181, 129, 253

HSL

265.2, 96.9%, 74.9%

HSV

265.2, 49.0%, 99.2%

CMYK

28.5%, 49.0%, 0.0%, 0.8%

OKLCH

0.7067 0.1799 301.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B581FD

#C9FD81

Analogous

#818BFD

#F381FD

#B581FD

Triadic

#B581FD

#FDB581

#81FDB5

Split Complementary

#B581FD

#FDF381

#8BFD81

Tetradic

#B581FD

#FD818B

#C9FD81

#81FDF3

Color Blindness Simulation

Original

#B581FD

Protanopia

#9E9EDF

Deuteranopia

#A2A5D8

Tritanopia

#B2C7C2

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D6B9FE
300
#B886FD
400
#9245FC
500
#6C04FB
600
#5603C9
700
#4503A1
800
#36027E
900
#2A065B
950
#1A0439

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026