#B36EE6

#B36EE6

Color Values

HEX

#B36EE6

RGB

179, 110, 230

HSL

274.5, 70.6%, 66.7%

HSV

274.5, 52.2%, 90.2%

CMYK

22.2%, 52.2%, 0.0%, 9.8%

OKLCH

0.6623 0.1817 308.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B36EE6

#A1E66E

Analogous

#776EE6

#E66EDD

#B36EE6

Triadic

#B36EE6

#E6B36E

#6EE6B3

Split Complementary

#B36EE6

#DDE66E

#6EE677

Tetradic

#B36EE6

#E6776E

#A1E66E

#6EDDE6

Color Blindness Simulation

Original

#B36EE6

Protanopia

#9595C9

Deuteranopia

#999EC2

Tritanopia

#B0B2AD

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC2F5
300
#C897ED
400
#AB5EE3
500
#8D25DA
600
#711EAE
700
#5A188B
800
#47136D
900
#35124F
950
#220B32

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026