#809ED3

#809ED3

Color Values

HEX

#809ED3

RGB

128, 158, 211

HSL

218.3, 48.5%, 66.5%

HSV

218.3, 39.3%, 82.7%

CMYK

39.3%, 25.1%, 0.0%, 17.3%

OKLCH

0.697 0.0853 261.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#809ED3

#D3B580

Analogous

#80C8D3

#8C80D3

#809ED3

Triadic

#809ED3

#D3809E

#9ED380

Split Complementary

#809ED3

#D38C80

#C8D380

Tetradic

#809ED3

#D380C8

#D3B580

#80D38C

Color Blindness Simulation

Original

#809ED3

Protanopia

#8D8DC6

Deuteranopia

#8B89C3

Tritanopia

#82BCBA

Achromatopsia

#9B9B9B

CSS Usage

background-color: #809ED3;
color: #809ED3;
border-color: #809ED3;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD7ED
300
#A4BADF
400
#7394CE
500
#426EBD
600
#355897
700
#2A4779
800
#21375F
900
#1B2B46
950
#111B2C

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026