#B15FF4

#B15FF4

Color Values

HEX

#B15FF4

RGB

177, 95, 244

HSL

273.0, 87.1%, 66.5%

HSV

273.0, 61.1%, 95.7%

CMYK

27.5%, 61.1%, 0.0%, 4.3%

OKLCH

0.6475 0.2184 306.6

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B15FF4

#A2F45F

Analogous

#675FF4

#F45FED

#B15FF4

Triadic

#B15FF4

#F4B15F

#5FF4B1

Split Complementary

#B15FF4

#EDF45F

#5FF467

Tetradic

#B15FF4

#F4675F

#A2F45F

#5FEDF4

Color Blindness Simulation

Original

#B15FF4

Protanopia

#8D8DD0

Deuteranopia

#9298C7

Tritanopia

#ADB3AD

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBCFA
300
#C78CF7
400
#A94EF3
500
#8B10EF
600
#6F0DBF
700
#590B99
800
#450877
900
#340A56
950
#210737

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

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