#848DF6

#848DF6

Color Values

HEX

#848DF6

RGB

132, 141, 246

HSL

235,3, 86,4%, 74,1%

HSV

235,3, 46,3%, 96,5%

CMYK

46,3%, 42,7%, 0,0%, 3,5%

OKLCH

0,683 0,1536 277,8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#848DF6

#F6ED84

Analogous

#84C6F6

#B484F6

#848DF6

Triadic

#848DF6

#F6848D

#8DF684

Split Complementary

#848DF6

#F6B484

#C6F684

Tetradic

#848DF6

#F684C6

#F6ED84

#84F6B4

Color Blindness Simulation

Original

#848DF6

Protanopia

#8888DD

Deuteranopia

#8787D6

Tritanopia

#84C9C4

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BCC1FA
300
#8D95F7
400
#4F5CF2
500
#1123EE
600
#0E1CBE
700
#0B1698
800
#091177
900
#0B1156
950
#070B36

Contrast Checker

Text on white

2,95:1

AA Fail AAA Fail

Text on black

7,12: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