#846D98

#846D98

Color Values

HEX

#846D98

RGB

132, 109, 152

HSL

272.1, 17.3%, 51.2%

HSV

272.1, 28.3%, 59.6%

CMYK

13.2%, 28.3%, 0.0%, 40.4%

OKLCH

0.5727 0.0699 308.6

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#846D98

#81986D

Analogous

#6F6D98

#986D97

#846D98

Triadic

#846D98

#98846D

#6D9884

Split Complementary

#846D98

#97986D

#6D986F

Tetradic

#846D98

#986F6D

#81986D

#6D9798

Color Blindness Simulation

Original

#846D98

Protanopia

#7A7A8E

Deuteranopia

#7B7D8B

Tritanopia

#838584

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DCD5E1
300
#C3B7CC
400
#A290B1
500
#816996
600
#675478
700
#534360
800
#41354B
900
#312938
950
#1F1A23

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026