#846793

#846793

Color Values

HEX

#846793

RGB

132, 103, 147

HSL

279.5, 17.6%, 49.0%

HSV

279.5, 29.9%, 57.6%

CMYK

10.2%, 29.9%, 0.0%, 42.4%

OKLCH

0.5587 0.0745 313.9

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#846793

#769367

Analogous

#6E6793

#93678C

#846793

Triadic

#846793

#938467

#679384

Split Complementary

#846793

#8C9367

#67936E

Tetradic

#846793

#936E67

#769367

#678C93

Color Blindness Simulation

Original

#846793

Protanopia

#777788

Deuteranopia

#797B86

Tritanopia

#83807E

Achromatopsia

#707070

CSS Usage

background-color: #846793;
color: #846793;
border-color: #846793;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EEEAF0
200
#DDD5E2
300
#C5B7CD
400
#A690B1
500
#876996
600
#6C5478
700
#564360
800
#43354B
900
#332938
950
#201A23

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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