#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026