#809AB7

#809AB7

Color Values

HEX

#809AB7

RGB

128, 154, 183

HSL

211,6, 27,6%, 61,0%

HSV

211,6, 30,1%, 71,8%

CMYK

30,1%, 15,8%, 0,0%, 28,2%

OKLCH

0,6766 0,0521 251,4

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#809AB7

#B79D80

Analogous

#80B6B7

#8280B7

#809AB7

Triadic

#809AB7

#B7809A

#9AB780

Split Complementary

#809AB7

#B78280

#B6B780

Tetradic

#809AB7

#B780B6

#B79D80

#80B782

Color Blindness Simulation

Original

#809AB7

Protanopia

#8B8BB0

Deuteranopia

#8A88AE

Tritanopia

#81AAA9

Achromatopsia

#979797

CSS Usage

background-color: #809AB7;
color: #809AB7;
border-color: #809AB7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DBE5
300
#B1C1D3
400
#879FBB
500
#5C7EA3
600
#4A6482
700
#3B5068
800
#2E3F51
900
#24303C
950
#171E26

Contrast Checker

Text on white

2,91:1

AA Fail AAA Fail

Text on black

7,22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026