#B26BEF

#B26BEF

Color Values

HEX

#B26BEF

RGB

178, 107, 239

HSL

272.3, 80.5%, 67.8%

HSV

272.3, 55.2%, 93.7%

CMYK

25.5%, 55.2%, 0.0%, 6.3%

OKLCH

0.662 0.1961 306.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B26BEF

#A8EF6B

Analogous

#706BEF

#EF6BEA

#B26BEF

Triadic

#B26BEF

#EFB26B

#6BEFB2

Split Complementary

#B26BEF

#EAEF6B

#6BEF70

Tetradic

#B26BEF

#EF706B

#A8EF6B

#6BEAEF

Color Blindness Simulation

Original

#B26BEF

Protanopia

#9393CF

Deuteranopia

#979DC7

Tritanopia

#AEB6B0

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DEBFF8
300
#C691F3
400
#A655ED
500
#8719E6
600
#6C14B8
700
#571093
800
#440C73
900
#330D54
950
#200835

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026