#828AC5

#828AC5

Color Values

HEX

#828AC5

RGB

130, 138, 197

HSL

232.8, 36.6%, 64.1%

HSV

232.8, 34.0%, 77.3%

CMYK

34.0%, 29.9%, 0.0%, 22.7%

OKLCH

0.6501 0.0886 277.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#828AC5

#C5BD82

Analogous

#82ABC5

#9B82C5

#828AC5

Triadic

#828AC5

#C5828A

#8AC582

Split Complementary

#828AC5

#C59B82

#ABC582

Tetradic

#828AC5

#C582AB

#C5BD82

#82C59B

Color Blindness Simulation

Original

#828AC5

Protanopia

#8586B7

Deuteranopia

#8584B3

Tritanopia

#82ABA9

Achromatopsia

#8D8D8D

CSS Usage

background-color: #828AC5;
color: #828AC5;
border-color: #828AC5;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED1E8
300
#ABB1D8
400
#7E86C3
500
#515CAE
600
#414A8B
700
#343B6F
800
#282E57
900
#202440
950
#151729

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026