#836CD5

#836CD5

Color Values

HEX

#836CD5

RGB

131, 108, 213

HSL

253.1, 55.6%, 62.9%

HSV

253.1, 49.3%, 83.5%

CMYK

38.5%, 49.3%, 0.0%, 16.5%

OKLCH

0.6018 0.1551 291.1

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#836CD5

#BED56C

Analogous

#6C89D5

#B76CD5

#836CD5

Triadic

#836CD5

#D5836C

#6CD583

Split Complementary

#836CD5

#D5B76C

#89D56C

Tetradic

#836CD5

#D56C89

#BED56C

#6CD5B7

Color Blindness Simulation

Original

#836CD5

Protanopia

#7979BC

Deuteranopia

#7A7CB6

Tritanopia

#82A8A3

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E5F6
200
#D0C7EF
300
#AFA0E4
400
#836CD5
500
#5839C6
600
#462D9F
700
#38247F
800
#2C1C63
900
#231849
950
#160F2E

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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