HEX #5675E5 color — Royal Blue
The color #5675E5 is a dark shade and moderately saturated.
Palette
5675E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(227,73%,97%) |
#dce2f9 |
rgb(220,226,249) |
hsl(227,73%,92%) |
#c6d0f6 |
rgb(198,208,246) |
hsl(227,73%,87%) |
#b0bef3 |
rgb(176,190,243) |
hsl(227,73%,82%) |
#9aacef |
rgb(154,172,239) |
hsl(227,73%,77%) |
#839aec |
rgb(131,154,236) |
hsl(227,73%,72%) |
#6d88e8 |
rgb(109,136,232) |
hsl(227,73%,67%) |
#5776e5 |
rgb(87,118,229) |
hsl(227,73%,62%) |
#4164e1 |
rgb(65,100,225) |
hsl(227,73%,57%) |
#2b52de |
rgb(43,82,222) |
hsl(227,73%,52%) |
#2046cf |
rgb(32,70,207) |
hsl(227,73%,47%) |
#1d3fb9 |
rgb(29,63,185) |
hsl(227,73%,42%) |
#1937a3 |
rgb(25,55,163) |
hsl(227,73%,37%) |
#16308d |
rgb(22,48,141) |
hsl(227,73%,32%) |
#132877 |
rgb(19,40,119) |
hsl(227,73%,27%) |
#0f2161 |
rgb(15,33,97) |
hsl(227,73%,22%) |
#0c194b |
rgb(12,25,75) |
hsl(227,73%,17%) |
#081235 |
rgb(8,18,53) |
hsl(227,73%,12%) |
#050a1f |
rgb(5,10,31) |
hsl(227,73%,7%) |
#010309 |
rgb(1,3,9) |
hsl(227,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D4E5 |
rgb(86,212,229) |
hsl(187,73%,62%) |
#5675E5 |
rgb(86,117,229) |
hsl(227,73%,62%) |
#9657E5 |
rgb(150,87,229) |
hsl(267,73%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E0F9 |
rgb(217,224,249) |
hsl(227,73%,91%) |
#ADBDF2 |
rgb(173,189,242) |
hsl(226,73%,81%) |
#8199EB |
rgb(129,153,235) |
hsl(226,73%,71%) |
#5675E5 |
rgb(86,117,229) |
hsl(227,73%,62%) |
#2A52DE |
rgb(42,82,222) |
hsl(227,73%,52%) |
#1C40B9 |
rgb(28,64,185) |
hsl(226,74%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5675E5 |
rgb(86,117,229) |
hsl(227,73%,62%) |
#E58056 |
rgb(229,128,86) |
hsl(18,73%,62%) |
#BCE656 |
rgb(188,230,86) |
hsl(78,74%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5675E5 |
rgb(86,117,229) |
hsl(227,73%,62%) |
#E5C756 |
rgb(229,199,86) |
hsl(47,73%,62%) |
#56BDE5 |
rgb(86,189,229) |
hsl(197,73%,62%) |
#BCE656 |
rgb(188,230,86) |
hsl(78,74%,62%) |