#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026