#848AB5

#848AB5

Color Values

HEX

#848AB5

RGB

132, 138, 181

HSL

232.7, 24.9%, 61.4%

HSV

232.7, 27.1%, 71.0%

CMYK

27.1%, 23.8%, 0.0%, 29.0%

OKLCH

0.6444 0.0647 278.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#848AB5

#B5AF84

Analogous

#84A3B5

#9784B5

#848AB5

Triadic

#848AB5

#B5848A

#8AB584

Split Complementary

#848AB5

#B59784

#A3B584

Tetradic

#848AB5

#B584A3

#B5AF84

#84B597

Color Blindness Simulation

Original

#848AB5

Protanopia

#8787AB

Deuteranopia

#8686A8

Tritanopia

#84A2A1

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E4
300
#B3B6D1
400
#898FB8
500
#60679F
600
#4D537F
700
#3D4266
800
#303450
900
#26283B
950
#181925

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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