#5693EB

#5693EB

Color Values

HEX

#5693EB

RGB

86, 147, 235

HSL

215.4, 78.8%, 62.9%

HSV

215.4, 63.4%, 92.2%

CMYK

63.4%, 37.4%, 0.0%, 7.8%

OKLCH

0.6626 0.1462 257.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5693EB

#EBAE56

Analogous

#56DEEB

#6356EB

#5693EB

Triadic

#5693EB

#EB5693

#93EB56

Split Complementary

#5693EB

#EB6356

#DEEB56

Tetradic

#5693EB

#EB56DE

#EBAE56

#56EB63

Color Blindness Simulation

Original

#5693EB

Protanopia

#7071D6

Deuteranopia

#6D68D1

Tritanopia

#59C5C1

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#BFD6F7
300
#92B9F2
400
#5693EB
500
#1B6DE4
600
#1658B6
700
#114692
800
#0E3772
900
#0E2A53
950
#091B34

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026