#B36AE3

#B36AE3

Color Values

HEX

#B36AE3

RGB

179, 106, 227

HSL

276.2, 68.4%, 65.3%

HSV

276.2, 53.3%, 89.0%

CMYK

21.1%, 53.3%, 0.0%, 11.0%

OKLCH

0.6547 0.1846 310.1

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#B36AE3

#9AE36A

Analogous

#766AE3

#E36AD7

#B36AE3

Triadic

#B36AE3

#E3B36A

#6AE3B3

Split Complementary

#B36AE3

#D7E36A

#6AE376

Tetradic

#B36AE3

#E3766A

#9AE36A

#6AD7E3

Color Blindness Simulation

Original

#B36AE3

Protanopia

#9393C6

Deuteranopia

#989DBF

Tritanopia

#AFAFAA

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#E0C3F4
300
#CA98EC
400
#AE60E1
500
#9228D7
600
#7420AC
700
#5D1A89
800
#49146B
900
#37134E
950
#220C31

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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