#808DA2

#808DA2

Color Values

HEX

#808DA2

RGB

128, 141, 162

HSL

217.1, 15.5%, 56.9%

HSV

217.1, 21.0%, 63.5%

CMYK

21.0%, 13.0%, 0.0%, 36.5%

OKLCH

0.6402 0.035 260.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#808DA2

#A29580

Analogous

#809EA2

#8480A2

#808DA2

Triadic

#808DA2

#A2808D

#8DA280

Split Complementary

#808DA2

#A28480

#9EA280

Tetradic

#808DA2

#A2809E

#A29580

#80A284

Color Blindness Simulation

Original

#808DA2

Protanopia

#86869D

Deuteranopia

#85849C

Tritanopia

#819998

Achromatopsia

#8C8C8C

CSS Usage

background-color: #808DA2;
color: #808DA2;
border-color: #808DA2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DAE1
300
#B8C0CB
400
#929DAF
500
#6C7B93
600
#566276
700
#454F5E
800
#363D4A
900
#2A2F37
950
#1A1E23

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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