HEX #5F78E3 color — Royal Blue
The color #5F78E3 is a dark shade and moderately saturated.
Palette
5F78E3 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fd |
rgb(246,248,253) |
hsl(229,70%,98%) |
#e1e5fa |
rgb(225,229,250) |
hsl(229,70%,93%) |
#cbd3f6 |
rgb(203,211,246) |
hsl(229,70%,88%) |
#b5c0f2 |
rgb(181,192,242) |
hsl(229,70%,83%) |
#a0aeee |
rgb(160,174,238) |
hsl(229,70%,78%) |
#8a9cea |
rgb(138,156,234) |
hsl(229,70%,73%) |
#7489e7 |
rgb(116,137,231) |
hsl(229,70%,68%) |
#5f77e3 |
rgb(95,119,227) |
hsl(229,70%,63%) |
#4964df |
rgb(73,100,223) |
hsl(229,70%,58%) |
#3352db |
rgb(51,82,219) |
hsl(229,70%,53%) |
#2544d0 |
rgb(37,68,208) |
hsl(229,70%,48%) |
#213dba |
rgb(33,61,186) |
hsl(229,70%,43%) |
#1d36a5 |
rgb(29,54,165) |
hsl(229,70%,38%) |
#192f8f |
rgb(25,47,143) |
hsl(229,70%,33%) |
#152879 |
rgb(21,40,121) |
hsl(229,70%,28%) |
#122164 |
rgb(18,33,100) |
hsl(229,70%,23%) |
#0e1a4e |
rgb(14,26,78) |
hsl(229,70%,18%) |
#0a1238 |
rgb(10,18,56) |
hsl(229,70%,13%) |
#060b23 |
rgb(6,11,35) |
hsl(229,70%,8%) |
#02040d |
rgb(2,4,13) |
hsl(229,70%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FD1E3 |
rgb(95,209,227) |
hsl(188,70%,63%) |
#5F78E3 |
rgb(95,120,227) |
hsl(229,70%,63%) |
#9E5EE3 |
rgb(158,94,227) |
hsl(269,70%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E2E8FA |
rgb(226,232,250) |
hsl(225,71%,93%) |
#B6C2F2 |
rgb(182,194,242) |
hsl(228,70%,83%) |
#8A9EEA |
rgb(138,158,234) |
hsl(228,70%,73%) |
#5F78E3 |
rgb(95,120,227) |
hsl(229,70%,63%) |
#3354DB |
rgb(51,84,219) |
hsl(228,70%,53%) |
#203DBA |
rgb(32,61,186) |
hsl(229,71%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F78E3 |
rgb(95,120,227) |
hsl(229,70%,63%) |
#E3875F |
rgb(227,135,95) |
hsl(18,70%,63%) |
#BAE35F |
rgb(186,227,95) |
hsl(79,70%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F78E3 |
rgb(95,120,227) |
hsl(229,70%,63%) |
#E3C95F |
rgb(227,201,95) |
hsl(48,70%,63%) |
#5FBAE3 |
rgb(95,186,227) |
hsl(199,70%,63%) |
#BAE35F |
rgb(186,227,95) |
hsl(79,70%,63%) |