#5693F2

#5693F2

Color Values

HEX

#5693F2

RGB

86, 147, 242

HSL

216.5, 85.7%, 64.3%

HSV

216.5, 64.5%, 94.9%

CMYK

64.5%, 39.3%, 0.0%, 5.1%

OKLCH

0.6666 0.1553 259.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5693F2

#F2B556

Analogous

#56E1F2

#6756F2

#5693F2

Triadic

#5693F2

#F25693

#93F256

Split Complementary

#5693F2

#F26756

#E1F256

Tetradic

#5693F2

#F256E1

#F2B556

#56F267

Color Blindness Simulation

Original

#5693F2

Protanopia

#7071DB

Deuteranopia

#6D68D5

Tritanopia

#59C9C5

Achromatopsia

#8D8D8D

CSS Usage

background-color: #5693F2;
color: #5693F2;
border-color: #5693F2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD5FA
300
#8DB6F6
400
#508FF2
500
#1268ED
600
#0F53BD
700
#0C4298
800
#093476
900
#0B2856
950
#071936

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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