#828BF4

#828BF4

Color Values

HEX

#828BF4

RGB

130, 139, 244

HSL

235,3, 83,8%, 73,3%

HSV

235,3, 46,7%, 95,7%

CMYK

46,7%, 43,0%, 0,0%, 4,3%

OKLCH

0,6766 0,1539 277,7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#828BF4

#F4EB82

Analogous

#82C4F4

#B282F4

#828BF4

Triadic

#828BF4

#F4828B

#8BF482

Split Complementary

#828BF4

#F4B282

#C4F482

Tetradic

#828BF4

#F482C4

#F4EB82

#82F4B2

Color Blindness Simulation

Original

#828BF4

Protanopia

#8686DB

Deuteranopia

#8585D4

Tritanopia

#82C7C2

Achromatopsia

#919191

CSS Usage

background-color: #828BF4;
color: #828BF4;
border-color: #828BF4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BDC2F9
300
#8F97F5
400
#525EF0
500
#1525EA
600
#111EBB
700
#0D1896
800
#0A1375
900
#0C1255
950
#080B36

Contrast Checker

Text on white

3,02:1

AA Fail AAA Fail

Text on black

6,95:1

AA Pass AAA Fail

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