#836BD7

#836BD7

Color Values

HEX

#836BD7

RGB

131, 107, 215

HSL

253.3, 57.4%, 63.1%

HSV

253.3, 50.2%, 84.3%

CMYK

39.1%, 50.2%, 0.0%, 15.7%

OKLCH

0.6013 0.1593 291.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#836BD7

#BFD76B

Analogous

#6B89D7

#B96BD7

#836BD7

Triadic

#836BD7

#D7836B

#6BD783

Split Complementary

#836BD7

#D7B96B

#89D76B

Tetradic

#836BD7

#D76B89

#BFD76B

#6BD7B9

Color Blindness Simulation

Original

#836BD7

Protanopia

#7978BD

Deuteranopia

#7A7CB7

Tritanopia

#82A8A4

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E4F6
200
#D0C7F0
300
#AE9FE5
400
#836AD7
500
#5736C9
600
#452BA1
700
#382380
800
#2B1B64
900
#231749
950
#160F2E

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026