#848DC7

#848DC7

Color Values

HEX

#848DC7

RGB

132, 141, 199

HSL

231.9, 37.4%, 64.9%

HSV

231.9, 33.7%, 78.0%

CMYK

33.7%, 29.1%, 0.0%, 22.0%

OKLCH

0.6587 0.087 276.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#848DC7

#C7BE84

Analogous

#84AFC7

#9C84C7

#848DC7

Triadic

#848DC7

#C7848D

#8DC784

Split Complementary

#848DC7

#C79C84

#AFC784

Tetradic

#848DC7

#C784AF

#C7BE84

#84C79C

Color Blindness Simulation

Original

#848DC7

Protanopia

#8888B9

Deuteranopia

#8787B6

Tritanopia

#84AEAB

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CED2E9
300
#ABB1D9
400
#7D87C4
500
#505DAF
600
#404A8C
700
#333B70
800
#282E58
900
#202541
950
#141729

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026