#82829A

#82829A

Color Values

HEX

#82829A

RGB

130, 130, 154

HSL

240.0, 10.6%, 55.7%

HSV

240.0, 15.6%, 60.4%

CMYK

15.6%, 15.6%, 0.0%, 39.6%

OKLCH

0.615 0.036 285.3

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#82829A

#9A9A82

Analogous

#828E9A

#8E829A

#82829A

Triadic

#82829A

#9A8282

#829A82

Split Complementary

#82829A

#9A8E82

#8E9A82

Tetradic

#82829A

#9A828E

#9A9A82

#829A8E

Color Blindness Simulation

Original

#82829A

Protanopia

#828294

Deuteranopia

#828293

Tritanopia

#82908F

Achromatopsia

#848484

CSS Usage

background-color: #82829A;
color: #82829A;
border-color: #82829A;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D8D8DF
300
#BBBBC8
400
#9797AB
500
#72728D
600
#5B5B71
700
#49495A
800
#393947
900
#2C2C35
950
#1C1C22

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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