#828BAB

#828BAB

Color Values

HEX

#828BAB

RGB

130, 139, 171

HSL

226.8, 19.6%, 59.0%

HSV

226.8, 24.0%, 67.1%

CMYK

24.0%, 18.7%, 0.0%, 32.9%

OKLCH

0.6409 0.0491 272.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#828BAB

#ABA282

Analogous

#829FAB

#8D82AB

#828BAB

Triadic

#828BAB

#AB828B

#8BAB82

Split Complementary

#828BAB

#AB8D82

#9FAB82

Tetradic

#828BAB

#AB829F

#ABA282

#82AB8D

Color Blindness Simulation

Original

#828BAB

Protanopia

#8686A3

Deuteranopia

#8585A1

Tritanopia

#829D9C

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D4D7E2
300
#B6BBCE
400
#8E96B3
500
#677298
600
#525B7A
700
#424962
800
#33394C
900
#282C39
950
#191C24

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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