#828F99

#828F99

Color Values

HEX

#828F99

RGB

130, 143, 153

HSL

206.1, 10.1%, 55.5%

HSV

206.1, 15.0%, 60.0%

CMYK

15.0%, 6.5%, 0.0%, 40.0%

OKLCH

0.6428 0.0213 240.9

Properties

Cool Light Nearest: RAL 7046 Telegrey 2

Color Harmonies

Complementary

#828F99

#998C82

Analogous

#829997

#828499

#828F99

Triadic

#828F99

#99828F

#8F9982

Split Complementary

#828F99

#998284

#999782

Tetradic

#828F99

#978299

#998C82

#849982

Color Blindness Simulation

Original

#828F99

Protanopia

#888897

Deuteranopia

#878696

Tritanopia

#839594

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DCDF
300
#BCC3C8
400
#97A2AA
500
#73818C
600
#5C6770
700
#49535A
800
#394146
900
#2C3135
950
#1C1F21

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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