#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026