#828FA2

#828FA2

Color Values

HEX

#828FA2

RGB

130, 143, 162

HSL

215.6, 14.7%, 57.3%

HSV

215.6, 19.8%, 63.5%

CMYK

19.8%, 11.7%, 0.0%, 36.5%

OKLCH

0.646 0.0322 257.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#828FA2

#A29582

Analogous

#829FA2

#8582A2

#828FA2

Triadic

#828FA2

#A2828F

#8FA282

Split Complementary

#828FA2

#A28582

#9FA282

Tetradic

#828FA2

#A2829F

#A29582

#82A285

Color Blindness Simulation

Original

#828FA2

Protanopia

#88889D

Deuteranopia

#87869C

Tritanopia

#839A99

Achromatopsia

#8E8E8E

CSS Usage

background-color: #828FA2;
color: #828FA2;
border-color: #828FA2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE1
300
#B9C0CB
400
#939EAF
500
#6D7C92
600
#576375
700
#464F5E
800
#363E49
900
#2A2F37
950
#1B1E23

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

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