#828C97

#828C97

Color Values

HEX

#828C97

RGB

130, 140, 151

HSL

211.4, 9.2%, 55.1%

HSV

211.4, 13.9%, 59.2%

CMYK

13.9%, 7.3%, 0.0%, 40.8%

OKLCH

0.6355 0.0202 250.7

Properties

Cool Light Nearest: RAL 7046 Telegrey 2

Color Harmonies

Complementary

#828C97

#978D82

Analogous

#829797

#828297

#828C97

Triadic

#828C97

#97828C

#8C9782

Split Complementary

#828C97

#978282

#979782

Tetradic

#828C97

#978297

#978D82

#829782

Color Blindness Simulation

Original

#828C97

Protanopia

#868694

Deuteranopia

#868594

Tritanopia

#829292

Achromatopsia

#8B8B8B

CSS Usage

background-color: #828C97;
color: #828C97;
border-color: #828C97;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC2C7
400
#98A0A9
500
#747F8B
600
#5D666F
700
#4A5159
800
#3A3F46
900
#2C3034
950
#1C1E21

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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