#B585FE

#B585FE

Color Values

HEX

#B585FE

RGB

181, 133, 254

HSL

263.8, 98.4%, 75.9%

HSV

263.8, 47.6%, 99.6%

CMYK

28.7%, 47.6%, 0.0%, 0.4%

OKLCH

0.7137 0.1751 300.3

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B585FE

#CEFE85

Analogous

#8592FE

#F285FE

#B585FE

Triadic

#B585FE

#FEB585

#85FEB5

Split Complementary

#B585FE

#FEF285

#92FE85

Tetradic

#B585FE

#FE8592

#CEFE85

#85FEF2

Color Blindness Simulation

Original

#B585FE

Protanopia

#A0A0E1

Deuteranopia

#A3A7DA

Tritanopia

#B3CAC5

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D4B8FE
300
#B586FE
400
#8D44FD
500
#6602FD
600
#5102CA
700
#4101A2
800
#33017E
900
#28065B
950
#19043A

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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