#567FEB

#567FEB

Color Values

HEX

#567FEB

RGB

86, 127, 235

HSL

223.5, 78.8%, 62.9%

HSV

223.5, 63.4%, 92.2%

CMYK

63.4%, 46.0%, 0.0%, 7.8%

OKLCH

0.6208 0.1688 266.0

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#567FEB

#EBC256

Analogous

#56C9EB

#7756EB

#567FEB

Triadic

#567FEB

#EB567F

#7FEB56

Split Complementary

#567FEB

#EB7756

#C9EB56

Tetradic

#567FEB

#EB56C9

#EBC256

#56EB77

Color Blindness Simulation

Original

#567FEB

Protanopia

#6868D1

Deuteranopia

#6562CB

Tritanopia

#58BCB8

Achromatopsia

#7E7E7E

CSS Usage

background-color: #567FEB;
color: #567FEB;
border-color: #567FEB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FC
100
#E1E8F9
200
#BFCFF7
300
#92ACF2
400
#567FEB
500
#1B52E4
600
#1642B6
700
#113592
800
#0E2972
900
#0E2153
950
#091534

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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