#828CAB

#828CAB

Color Values

HEX

#828CAB

RGB

130, 140, 171

HSL

225.4, 19.6%, 59.0%

HSV

225.4, 24.0%, 67.1%

CMYK

24.0%, 18.1%, 0.0%, 32.9%

OKLCH

0.643 0.0479 271.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#828CAB

#ABA182

Analogous

#82A0AB

#8C82AB

#828CAB

Triadic

#828CAB

#AB828C

#8CAB82

Split Complementary

#828CAB

#AB8C82

#A0AB82

Tetradic

#828CAB

#AB82A0

#ABA182

#82AB8C

Color Blindness Simulation

Original

#828CAB

Protanopia

#8686A4

Deuteranopia

#8685A2

Tritanopia

#829E9C

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E2
300
#B6BCCE
400
#8E97B3
500
#677398
600
#525C7A
700
#424962
800
#33394C
900
#282C39
950
#191C24

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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