#5394FA

#5394FA

Color Values

HEX

#5394FA

RGB

83, 148, 250

HSL

216.6, 94.4%, 65.3%

HSV

216.6, 66.8%, 98.0%

CMYK

66.8%, 40.8%, 0.0%, 2.0%

OKLCH

0.6721 0.1657 259.1

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#5394FA

#FAB953

Analogous

#53E8FA

#6553FA

#5394FA

Triadic

#5394FA

#FA5394

#94FA53

Split Complementary

#5394FA

#FA6553

#E8FA53

Tetradic

#5394FA

#FA53E8

#FAB953

#53FA65

Color Blindness Simulation

Original

#5394FA

Protanopia

#6F70E1

Deuteranopia

#6B66DB

Tritanopia

#56CECA

Achromatopsia

#8E8E8E

CSS Usage

background-color: #5394FA;
color: #5394FA;
border-color: #5394FA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B5FC
400
#488DFA
500
#0765F8
600
#0651C6
700
#05419F
800
#04337C
900
#07275A
950
#051939

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026