#836AD7

#836AD7

Color Values

HEX

#836AD7

RGB

131, 106, 215

HSL

253.8, 57.7%, 62.9%

HSV

253.8, 50.7%, 84.3%

CMYK

39.1%, 50.7%, 0.0%, 15.7%

OKLCH

0.5995 0.1608 291.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#836AD7

#BED76A

Analogous

#6A87D7

#BA6AD7

#836AD7

Triadic

#836AD7

#D7836A

#6AD783

Split Complementary

#836AD7

#D7BA6A

#87D76A

Tetradic

#836AD7

#D76A87

#BED76A

#6AD7BA

Color Blindness Simulation

Original

#836AD7

Protanopia

#7878BD

Deuteranopia

#7A7BB6

Tritanopia

#82A8A3

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E4F6
200
#D0C7F0
300
#AF9EE5
400
#836AD7
500
#5836C9
600
#462BA1
700
#382381
800
#2C1B65
900
#23174A
950
#160F2E

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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