#568DEB

#568DEB

Color Values

HEX

#568DEB

RGB

86, 141, 235

HSL

217,9, 78,8%, 62,9%

HSV

217,9, 63,4%, 92,2%

CMYK

63,4%, 40,0%, 0,0%, 7,8%

OKLCH

0,6498 0,1527 260,4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#568DEB

#EBB456

Analogous

#56D7EB

#6956EB

#568DEB

Triadic

#568DEB

#EB568D

#8DEB56

Split Complementary

#568DEB

#EB6956

#D7EB56

Tetradic

#568DEB

#EB56D7

#EBB456

#56EB69

Color Blindness Simulation

Original

#568DEB

Protanopia

#6E6ED4

Deuteranopia

#6B66CF

Tritanopia

#59C2BE

Achromatopsia

#888888

CSS Usage

background-color: #568DEB;
color: #568DEB;
border-color: #568DEB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD4F7
300
#92B5F2
400
#568DEB
500
#1B65E4
600
#1651B6
700
#114192
800
#0E3372
900
#0E2753
950
#091934

Contrast Checker

Text on white

3,28:1

AA Fail AAA Fail

Text on black

6,41: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