#809BCE

#809BCE

Color Values

HEX

#809BCE

RGB

128, 155, 206

HSL

219.2, 44.3%, 65.5%

HSV

219.2, 37.9%, 80.8%

CMYK

37.9%, 24.8%, 0.0%, 19.2%

OKLCH

0.6884 0.0816 262.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#809BCE

#CEB380

Analogous

#80C2CE

#8C80CE

#809BCE

Triadic

#809BCE

#CE809B

#9BCE80

Split Complementary

#809BCE

#CE8C80

#C2CE80

Tetradic

#809BCE

#CE80C2

#CEB380

#80CE8C

Color Blindness Simulation

Original

#809BCE

Protanopia

#8C8CC2

Deuteranopia

#8A88BF

Tritanopia

#81B8B6

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EB
300
#A7B9DD
400
#7794CA
500
#476EB8
600
#395893
700
#2D4776
800
#24375C
900
#1D2B44
950
#121B2B

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

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