#5393F6

#5393F6

Color Values

HEX

#5393F6

RGB

83, 147, 246

HSL

216.4, 90.1%, 64.5%

HSV

216.4, 66.3%, 96.5%

CMYK

66.3%, 40.2%, 0.0%, 3.5%

OKLCH

0.6676 0.1616 258.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5393F6

#F6B653

Analogous

#53E5F6

#6453F6

#5393F6

Triadic

#5393F6

#F65393

#93F653

Split Complementary

#5393F6

#F66453

#E5F653

Tetradic

#5393F6

#F653E5

#F6B653

#53F664

Color Blindness Simulation

Original

#5393F6

Protanopia

#6F6FDE

Deuteranopia

#6B66D8

Tritanopia

#56CBC7

Achromatopsia

#8D8D8D

CSS Usage

background-color: #5393F6;
color: #5393F6;
border-color: #5393F6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD4FB
300
#8BB6F9
400
#4C8FF6
500
#0D67F2
600
#0A52C2
700
#08429B
800
#063379
900
#092858
950
#061937

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026