#5083DB

#5083DB

Color Values

HEX

#5083DB

RGB

80, 131, 219

HSL

218.0, 65.9%, 58.6%

HSV

218.0, 63.5%, 85.9%

CMYK

63.5%, 40.2%, 0.0%, 14.1%

OKLCH

0.6163 0.1447 260.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5083DB

#DBA850

Analogous

#50C8DB

#6250DB

#5083DB

Triadic

#5083DB

#DB5083

#83DB50

Split Complementary

#5083DB

#DB6250

#C8DB50

Tetradic

#5083DB

#DB50C8

#DBA850

#50DB62

Color Blindness Simulation

Original

#5083DB

Protanopia

#6667C6

Deuteranopia

#635FC1

Tritanopia

#53B5B1

Achromatopsia

#7F7F7F

CSS Usage

background-color: #5083DB;
color: #5083DB;
border-color: #5083DB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C4D5F3
300
#99B7EA
400
#6290DF
500
#2B69D4
600
#2354A9
700
#1C4387
800
#16356A
900
#14294D
950
#0C1A31

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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