#848FF7

#848FF7

Color Values

HEX

#848FF7

RGB

132, 143, 247

HSL

234.3, 87.8%, 74.3%

HSV

234.3, 46.6%, 96.9%

CMYK

46.6%, 42.1%, 0.0%, 3.1%

OKLCH

0.6874 0.1524 277.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#848FF7

#F7EC84

Analogous

#84C8F7

#B384F7

#848FF7

Triadic

#848FF7

#F7848F

#8FF784

Split Complementary

#848FF7

#F7B384

#C8F784

Tetradic

#848FF7

#F784C8

#F7EC84

#84F7B3

Color Blindness Simulation

Original

#848FF7

Protanopia

#8989DE

Deuteranopia

#8887D8

Tritanopia

#85CAC6

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BCC2FB
300
#8C96F8
400
#4E5EF3
500
#1025EF
600
#0C1DC0
700
#0A1899
800
#081278
900
#0A1157
950
#060B37

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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