#B46BEC

#B46BEC

Color Values

HEX

#B46BEC

RGB

180, 107, 236

HSL

274.0, 77.2%, 67.3%

HSV

274.0, 54.7%, 92.5%

CMYK

23.7%, 54.7%, 0.0%, 7.5%

OKLCH

0.6624 0.1933 308.1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B46BEC

#A3EC6B

Analogous

#746BEC

#EC6BE3

#B46BEC

Triadic

#B46BEC

#ECB46B

#6BECB4

Split Complementary

#B46BEC

#E3EC6B

#6BEC74

Tetradic

#B46BEC

#EC746B

#A3EC6B

#6BE3EC

Color Blindness Simulation

Original

#B46BEC

Protanopia

#9494CD

Deuteranopia

#999EC5

Tritanopia

#B0B4AF

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFC0F7
300
#C893F1
400
#AA58E9
500
#8D1DE2
600
#7017B5
700
#5A1391
800
#460F71
900
#350F52
950
#210934

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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