#836485

#836485

Color Values

HEX

#836485

RGB

131, 100, 133

HSL

296.4, 14.2%, 45.7%

HSV

296.4, 24.8%, 52.2%

CMYK

1.5%, 24.8%, 0.0%, 47.8%

OKLCH

0.546 0.0625 324.4

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#836485

#668564

Analogous

#736485

#856477

#836485

Triadic

#836485

#858364

#648583

Split Complementary

#836485

#778564

#648573

Tetradic

#836485

#857364

#668564

#647785

Color Blindness Simulation

Original

#836485

Protanopia

#76757D

Deuteranopia

#777A7B

Tritanopia

#817775

Achromatopsia

#6D6D6D

CSS Usage

background-color: #836485;
color: #836485;
border-color: #836485;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#C9B9CA
400
#AC93AE
500
#8F6D92
600
#735874
700
#5C465D
800
#483749
900
#362A37
950
#221B23

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail 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