#828F88

#828F88

Color Values

HEX

#828F88

RGB

130, 143, 136

HSL

147.7, 5.5%, 53.5%

HSV

147.7, 9.1%, 56.1%

CMYK

9.1%, 0.0%, 4.9%, 43.9%

OKLCH

0.6374 0.0183 162.5

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#828F88

#8F8289

Analogous

#828F82

#828F8E

#828F88

Triadic

#828F88

#88828F

#8F8882

Split Complementary

#828F88

#8E828F

#8F8282

Tetradic

#828F88

#82828F

#8F8289

#8F8E82

Color Blindness Simulation

Original

#828F88

Protanopia

#88888A

Deuteranopia

#87868A

Tritanopia

#838B8B

Achromatopsia

#8C8C8C

CSS Usage

background-color: #828F88;
color: #828F88;
border-color: #828F88;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDB
300
#BEC5C2
400
#9BA6A0
500
#78877F
600
#606C66
700
#4D5651
800
#3C433F
900
#2E3330
950
#1D201E

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