#828AAA

#828AAA

Color Values

HEX

#828AAA

RGB

130, 138, 170

HSL

228.0, 19.0%, 58.8%

HSV

228.0, 23.5%, 66.7%

CMYK

23.5%, 18.8%, 0.0%, 33.3%

OKLCH

0.6383 0.0489 274.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#828AAA

#AAA282

Analogous

#829EAA

#8E82AA

#828AAA

Triadic

#828AAA

#AA828A

#8AAA82

Split Complementary

#828AAA

#AA8E82

#9EAA82

Tetradic

#828AAA

#AA829E

#AAA282

#82AA8E

Color Blindness Simulation

Original

#828AAA

Protanopia

#8586A2

Deuteranopia

#8584A0

Tritanopia

#829C9B

Achromatopsia

#8B8B8B

CSS Usage

background-color: #828AAA;
color: #828AAA;
border-color: #828AAA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D5D7E2
300
#B6BBCD
400
#8F96B3
500
#677198
600
#535A79
700
#424861
800
#34384C
900
#282B39
950
#191B24

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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