#836DB6

#836DB6

Color Values

HEX

#836DB6

RGB

131, 109, 182

HSL

258.1, 33.3%, 57.1%

HSV

258.1, 40.1%, 71.4%

CMYK

28.0%, 40.1%, 0.0%, 28.6%

OKLCH

0.5861 0.1112 296.7

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#836DB6

#A0B66D

Analogous

#6D7CB6

#A86DB6

#836DB6

Triadic

#836DB6

#B6836D

#6DB683

Split Complementary

#836DB6

#B6A86D

#7CB66D

Tetradic

#836DB6

#B66D7C

#A0B66D

#6DB6A8

Color Blindness Simulation

Original

#836DB6

Protanopia

#7979A4

Deuteranopia

#7B7CA0

Tritanopia

#829693

Achromatopsia

#777777

CSS Usage

background-color: #836DB6;
color: #836DB6;
border-color: #836DB6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5FA
100
#EBE8F2
200
#D7CFE7
300
#BAADD6
400
#9481C0
500
#6F55AA
600
#594488
700
#47366D
800
#372B55
900
#2B223F
950
#1B1528

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026