#828DAD

#828DAD

Color Values

HEX

#828DAD

RGB

130, 141, 173

HSL

224.7, 20.8%, 59.4%

HSV

224.7, 24.9%, 67.8%

CMYK

24.9%, 18.5%, 0.0%, 32.2%

OKLCH

0.6459 0.0497 270.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#828DAD

#ADA282

Analogous

#82A2AD

#8C82AD

#828DAD

Triadic

#828DAD

#AD828D

#8DAD82

Split Complementary

#828DAD

#AD8C82

#A2AD82

Tetradic

#828DAD

#AD82A2

#ADA282

#82AD8C

Color Blindness Simulation

Original

#828DAD

Protanopia

#8787A5

Deuteranopia

#8685A3

Tritanopia

#839F9E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E3
300
#B5BCCF
400
#8D97B4
500
#65739A
600
#515C7B
700
#414963
800
#32394D
900
#272C3A
950
#191C24

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36: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