#B259EC

#B259EC

Color Values

HEX

#B259EC

RGB

178, 89, 236

HSL

276.3, 79.5%, 63.7%

HSV

276.3, 62.3%, 92.5%

CMYK

24.6%, 62.3%, 0.0%, 7.5%

OKLCH

0.6359 0.2185 309.4

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#B259EC

#93EC59

Analogous

#6859EC

#EC59DD

#B259EC

Triadic

#B259EC

#ECB259

#59ECB2

Split Complementary

#B259EC

#DDEC59

#59EC68

Tetradic

#B259EC

#EC6859

#93EC59

#59DDEC

Color Blindness Simulation

Original

#B259EC

Protanopia

#8B8BC8

Deuteranopia

#9197C0

Tritanopia

#AEACA6

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1F9
200
#E1BFF8
300
#CC91F2
400
#B056EC
500
#951AE5
600
#7715B7
700
#5F1192
800
#4A0D72
900
#380E53
950
#230934

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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