#828682

#828682

Color Values

HEX

#828682

RGB

130, 134, 130

HSL

120.0, 1.6%, 51.8%

HSV

120.0, 3.0%, 52.5%

CMYK

3.0%, 0.0%, 3.0%, 47.5%

OKLCH

0.6154 0.0076 145.5

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#828682

#868286

Analogous

#848682

#828684

#828682

Triadic

#828682

#828286

#868282

Split Complementary

#828682

#848286

#868284

Tetradic

#828682

#828486

#868286

#868482

Color Blindness Simulation

Original

#828682

Protanopia

#848483

Deuteranopia

#848383

Tritanopia

#828484

Achromatopsia

#858585

CSS Usage

background-color: #828682;
color: #828682;
border-color: #828682;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDCDB
300
#C1C3C1
400
#9FA29F
500
#7D827D
600
#646864
700
#505350
800
#3F413F
900
#303130
950
#1E1F1E

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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