#B27FE0

#B27FE0

Color Values

HEX

#B27FE0

RGB

178, 127, 224

HSL

271.5, 61.0%, 68.8%

HSV

271.5, 43.3%, 87.8%

CMYK

20.5%, 43.3%, 0.0%, 12.2%

OKLCH

0.6851 0.1471 307.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B27FE0

#ADE07F

Analogous

#817FE0

#E07FDE

#B27FE0

Triadic

#B27FE0

#E0B27F

#7FE0B2

Split Complementary

#B27FE0

#DEE07F

#7FE081

Tetradic

#B27FE0

#E0817F

#ADE07F

#7FDEE0

Color Blindness Simulation

Original

#B27FE0

Protanopia

#9C9BC9

Deuteranopia

#9FA3C3

Tritanopia

#AFB6B2

Achromatopsia

#919191

CSS Usage

background-color: #B27FE0;
color: #B27FE0;
border-color: #B27FE0;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DCC6F1
300
#C49CE7
400
#A467DA
500
#8332CD
600
#6928A4
700
#542083
800
#421967
900
#32164B
950
#1F0E2F

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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