#B46CE4

#B46CE4

Color Values

HEX

#B46CE4

RGB

180, 108, 228

HSL

276.0, 69.0%, 65.9%

HSV

276.0, 52.6%, 89.4%

CMYK

21.1%, 52.6%, 0.0%, 10.6%

OKLCH

0.6593 0.1829 310.0

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#B46CE4

#9CE46C

Analogous

#786CE4

#E46CD8

#B46CE4

Triadic

#B46CE4

#E4B46C

#6CE4B4

Split Complementary

#B46CE4

#D8E46C

#6CE478

Tetradic

#B46CE4

#E4786C

#9CE46C

#6CD8E4

Color Blindness Simulation

Original

#B46CE4

Protanopia

#9594C7

Deuteranopia

#999EC0

Tritanopia

#B0B0AB

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#E0C3F4
300
#CA98EC
400
#AE60E2
500
#9128D7
600
#7420AC
700
#5D198A
800
#49146C
900
#36124F
950
#220C32

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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