#5698FE

#5698FE

Color Values

HEX

#5698FE

RGB

86, 152, 254

HSL

216.4, 98.8%, 66.7%

HSV

216.4, 66.1%, 99.6%

CMYK

66.1%, 40.2%, 0.0%, 0.4%

OKLCH

0.6841 0.1655 258.9

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#5698FE

#FEBC56

Analogous

#56ECFE

#6856FE

#5698FE

Triadic

#5698FE

#FE5698

#98FE56

Split Complementary

#5698FE

#FE6856

#ECFE56

Tetradic

#5698FE

#FE56EC

#FEBC56

#56FE68

Color Blindness Simulation

Original

#5698FE

Protanopia

#7373E5

Deuteranopia

#6F6ADF

Tritanopia

#59D2CE

Achromatopsia

#919191

CSS Usage

background-color: #5698FE;
color: #5698FE;
border-color: #5698FE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D4FF
300
#85B5FE
400
#438DFE
500
#0265FD
600
#0151CB
700
#0140A2
800
#01327F
900
#05275C
950
#03193A

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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