#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026