#848BC7

#848BC7

Color Values

HEX

#848BC7

RGB

132, 139, 199

HSL

233.7, 37.4%, 64.9%

HSV

233.7, 33.7%, 78.0%

CMYK

33.7%, 30.2%, 0.0%, 22.0%

OKLCH

0.6546 0.0897 278.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#848BC7

#C7C084

Analogous

#84ADC7

#9E84C7

#848BC7

Triadic

#848BC7

#C7848B

#8BC784

Split Complementary

#848BC7

#C79E84

#ADC784

Tetradic

#848BC7

#C784AD

#C7C084

#84C79E

Color Blindness Simulation

Original

#848BC7

Protanopia

#8787B8

Deuteranopia

#8786B5

Tritanopia

#84ADAA

Achromatopsia

#8E8E8E

CSS Usage

background-color: #848BC7;
color: #848BC7;
border-color: #848BC7;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CED1E9
300
#ABB0D9
400
#7D85C4
500
#505AAF
600
#40488C
700
#333970
800
#282D58
900
#202441
950
#141629

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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