HEX #5568E2 color — Royal Blue
The color #5568e2 is a dark shade and moderately saturated.
Palette
5568e2 color palette from light to dark
HEX |
RGB |
HSL |
#eeeffc |
rgb(238,239,252) |
hsl(232,71%,96%) |
#d8dcf8 |
rgb(216,220,248) |
hsl(232,71%,91%) |
#c2c9f5 |
rgb(194,201,245) |
hsl(232,71%,86%) |
#acb5f1 |
rgb(172,181,241) |
hsl(232,71%,81%) |
#96a2ed |
rgb(150,162,237) |
hsl(232,71%,76%) |
#818fea |
rgb(129,143,234) |
hsl(232,71%,71%) |
#6b7be6 |
rgb(107,123,230) |
hsl(232,71%,66%) |
#5568e2 |
rgb(85,104,226) |
hsl(232,71%,61%) |
#3f54de |
rgb(63,84,222) |
hsl(232,71%,56%) |
#2941db |
rgb(41,65,219) |
hsl(232,71%,51%) |
#2238c9 |
rgb(34,56,201) |
hsl(232,71%,46%) |
#1e32b3 |
rgb(30,50,179) |
hsl(232,71%,41%) |
#1b2c9d |
rgb(27,44,157) |
hsl(232,71%,36%) |
#172687 |
rgb(23,38,135) |
hsl(232,71%,31%) |
#132071 |
rgb(19,32,113) |
hsl(232,71%,26%) |
#101a5c |
rgb(16,26,92) |
hsl(232,71%,21%) |
#0c1446 |
rgb(12,20,70) |
hsl(232,71%,16%) |
#080d30 |
rgb(8,13,48) |
hsl(232,71%,11%) |
#04071a |
rgb(4,7,26) |
hsl(232,71%,6%) |
#010104 |
rgb(1,1,4) |
hsl(232,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C7E2 |
rgb(85,199,226) |
hsl(191,71%,61%) |
#5568E2 |
rgb(85,104,226) |
hsl(232,71%,61%) |
#A054E2 |
rgb(160,84,226) |
hsl(272,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D4D9F7 |
rgb(212,217,247) |
hsl(231,69%,90%) |
#AAB3F0 |
rgb(170,179,240) |
hsl(232,70%,80%) |
#7F8FE9 |
rgb(127,143,233) |
hsl(231,71%,71%) |
#5568E2 |
rgb(85,104,226) |
hsl(232,71%,61%) |
#2A42DA |
rgb(42,66,218) |
hsl(232,70%,51%) |
#1E33B4 |
rgb(30,51,180) |
hsl(232,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5568E2 |
rgb(85,104,226) |
hsl(232,71%,61%) |
#E28A55 |
rgb(226,138,85) |
hsl(23,71%,61%) |
#AEE355 |
rgb(174,227,85) |
hsl(82,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5568E2 |
rgb(85,104,226) |
hsl(232,71%,61%) |
#E2CF55 |
rgb(226,207,85) |
hsl(52,71%,61%) |
#55ADE2 |
rgb(85,173,226) |
hsl(203,71%,61%) |
#AEE355 |
rgb(174,227,85) |
hsl(82,72%,61%) |