#828F87

#828F87

Color Values

HEX

#828F87

RGB

130, 143, 135

HSL

143.1, 5.5%, 53.5%

HSV

143.1, 9.1%, 56.1%

CMYK

9.1%, 0.0%, 5.6%, 43.9%

OKLCH

0.6371 0.0191 158.8

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#828F87

#8F828A

Analogous

#838F82

#828F8D

#828F87

Triadic

#828F87

#87828F

#8F8782

Split Complementary

#828F87

#8D828F

#8F8283

Tetradic

#828F87

#82838F

#8F828A

#8F8D82

Color Blindness Simulation

Original

#828F87

Protanopia

#888889

Deuteranopia

#878689

Tritanopia

#838A8B

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDB
300
#BEC5C1
400
#9BA69F
500
#78877E
600
#606C65
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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026