#B46BD6

#B46BD6

Color Values

HEX

#B46BD6

RGB

180, 107, 214

HSL

280.9, 56.6%, 62.9%

HSV

280.9, 50.0%, 83.9%

CMYK

15.9%, 50.0%, 0.0%, 16.1%

OKLCH

0.6502 0.1691 314.1

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#B46BD6

#8DD66B

Analogous

#7E6BD6

#D66BC2

#B46BD6

Triadic

#B46BD6

#D6B46B

#6BD6B4

Split Complementary

#B46BD6

#C2D66B

#6BD67E

Tetradic

#B46BD6

#D67E6B

#8DD66B

#6BC2D6

Color Blindness Simulation

Original

#B46BD6

Protanopia

#9494BC

Deuteranopia

#999EB6

Tritanopia

#B0A8A3

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F0E5F6
200
#E3C7F0
300
#CE9FE4
400
#B46BD6
500
#9A37C8
600
#7B2CA0
700
#622380
800
#4D1C64
900
#391849
950
#240F2E

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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