#846BD7

#846BD7

Color Values

HEX

#846BD7

RGB

132, 107, 215

HSL

253.9, 57.4%, 63.1%

HSV

253.9, 50.2%, 84.3%

CMYK

38.6%, 50.2%, 0.0%, 15.7%

OKLCH

0.6022 0.1593 291.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#846BD7

#BED76B

Analogous

#6B88D7

#BA6BD7

#846BD7

Triadic

#846BD7

#D7846B

#6BD784

Split Complementary

#846BD7

#D7BA6B

#88D76B

Tetradic

#846BD7

#D76B88

#BED76B

#6BD7BA

Color Blindness Simulation

Original

#846BD7

Protanopia

#7979BD

Deuteranopia

#7B7CB7

Tritanopia

#83A8A4

Achromatopsia

#787878

CSS Usage

background-color: #846BD7;
color: #846BD7;
border-color: #846BD7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F4FB
100
#E8E4F6
200
#D0C7F0
300
#AF9FE5
400
#846AD7
500
#5836C9
600
#472BA1
700
#382380
800
#2C1B64
900
#231749
950
#160F2E

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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