#567CEB

#567CEB

Color Values

HEX

#567CEB

RGB

86, 124, 235

HSL

224.7, 78.8%, 62.9%

HSV

224.7, 63.4%, 92.2%

CMYK

63.4%, 47.2%, 0.0%, 7.8%

OKLCH

0.6148 0.1724 267.0

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#567CEB

#EBC556

Analogous

#56C6EB

#7A56EB

#567CEB

Triadic

#567CEB

#EB567C

#7CEB56

Split Complementary

#567CEB

#EB7A56

#C6EB56

Tetradic

#567CEB

#EB56C6

#EBC556

#56EB7A

Color Blindness Simulation

Original

#567CEB

Protanopia

#6667D0

Deuteranopia

#6461CA

Tritanopia

#58BBB6

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E7F9
200
#BFCEF7
300
#92AAF2
400
#567CEB
500
#1B4EE4
600
#163FB6
700
#113292
800
#0E2772
900
#0E2053
950
#091434

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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