#848BFC

#848BFC

Color Values

HEX

#848BFC

RGB

132, 139, 252

HSL

236.5, 95.2%, 75.3%

HSV

236.5, 47.6%, 98.8%

CMYK

47.6%, 44.8%, 0.0%, 1.2%

OKLCH

0.6826 0.1645 278.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#848BFC

#FCF584

Analogous

#84C7FC

#B984FC

#848BFC

Triadic

#848BFC

#FC848B

#8BFC84

Split Complementary

#848BFC

#FCB984

#C7FC84

Tetradic

#848BFC

#FC84C7

#FCF584

#84FCB9

Color Blindness Simulation

Original

#848BFC

Protanopia

#8787E1

Deuteranopia

#8786DA

Tritanopia

#84CBC6

Achromatopsia

#929292

CSS Usage

background-color: #848BFC;
color: #848BFC;
border-color: #848BFC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFD
300
#888EFC
400
#4751FA
500
#0614F9
600
#0510C7
700
#040D9F
800
#030A7C
900
#070C5A
950
#040739

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.08:1

AA Pass AAA Pass

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