#B58FF4

#B58FF4

Color Values

HEX

#B58FF4

RGB

181, 143, 244

HSL

262.6, 82.1%, 75.9%

HSV

262.6, 41.4%, 95.7%

CMYK

25.8%, 41.4%, 0.0%, 4.3%

OKLCH

0.7253 0.1469 300.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B58FF4

#CEF48F

Analogous

#8F9CF4

#E88FF4

#B58FF4

Triadic

#B58FF4

#F4B58F

#8FF4B5

Split Complementary

#B58FF4

#F4E88F

#9CF48F

Tetradic

#B58FF4

#F48F9C

#CEF48F

#8FF4E8

Color Blindness Simulation

Original

#B58FF4

Protanopia

#A5A4DC

Deuteranopia

#A7AAD6

Tritanopia

#B3C8C4

Achromatopsia

#9E9E9E

CSS Usage

background-color: #B58FF4;
color: #B58FF4;
border-color: #B58FF4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D4BEF9
300
#B590F4
400
#8E53EE
500
#6617E8
600
#5112BA
700
#410F95
800
#330B74
900
#280D54
950
#190835

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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