#847BA8

#847BA8

Color Values

HEX

#847BA8

RGB

132, 123, 168

HSL

252.0, 20.5%, 57.1%

HSV

252.0, 26.8%, 65.9%

CMYK

21.4%, 26.8%, 0.0%, 34.1%

OKLCH

0.6078 0.0681 293.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#847BA8

#9FA87B

Analogous

#7B89A8

#9B7BA8

#847BA8

Triadic

#847BA8

#A8847B

#7BA884

Split Complementary

#847BA8

#A89B7B

#89A87B

Tetradic

#847BA8

#A87B89

#9FA87B

#7BA89B

Color Blindness Simulation

Original

#847BA8

Protanopia

#80809D

Deuteranopia

#81819A

Tritanopia

#849593

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D4E3
300
#BAB5CE
400
#958DB4
500
#70659A
600
#59517B
700
#484162
800
#38334D
900
#2B2839
950
#1B1924

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

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