#B155ED

#B155ED

Color Values

HEX

#B155ED

RGB

177, 85, 237

HSL

276.3, 80.9%, 63.1%

HSV

276.3, 64.1%, 92.9%

CMYK

25.3%, 64.1%, 0.0%, 7.1%

OKLCH

0.6304 0.2246 309.2

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#B155ED

#91ED55

Analogous

#6555ED

#ED55DD

#B155ED

Triadic

#B155ED

#EDB155

#55EDB1

Split Complementary

#B155ED

#DDED55

#55ED65

Tetradic

#B155ED

#ED6555

#91ED55

#55DDED

Color Blindness Simulation

Original

#B155ED

Protanopia

#8988C8

Deuteranopia

#8E95BF

Tritanopia

#ACABA5

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1F9
200
#E1BEF8
300
#CC90F3
400
#B154ED
500
#9518E7
600
#7713B9
700
#5F1094
800
#4B0C73
900
#380D54
950
#230835

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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