HEX #5A78E0 color — Havelock Blue
The color #5A78E0 is a dark shade and moderately saturated.
Palette
5A78E0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(227,68%,97%) |
#dde3f8 |
rgb(221,227,248) |
hsl(227,68%,92%) |
#c7d1f4 |
rgb(199,209,244) |
hsl(227,68%,87%) |
#b2bff0 |
rgb(178,191,240) |
hsl(227,68%,82%) |
#9caeec |
rgb(156,174,236) |
hsl(227,68%,77%) |
#879ce8 |
rgb(135,156,232) |
hsl(227,68%,72%) |
#728ae4 |
rgb(114,138,228) |
hsl(227,68%,67%) |
#5c79e0 |
rgb(92,121,224) |
hsl(227,68%,62%) |
#4767dc |
rgb(71,103,220) |
hsl(227,68%,57%) |
#3155d8 |
rgb(49,85,216) |
hsl(227,68%,52%) |
#264ac9 |
rgb(38,74,201) |
hsl(227,68%,47%) |
#2242b4 |
rgb(34,66,180) |
hsl(227,68%,42%) |
#1e3a9f |
rgb(30,58,159) |
hsl(227,68%,37%) |
#1a3289 |
rgb(26,50,137) |
hsl(227,68%,32%) |
#162a74 |
rgb(22,42,116) |
hsl(227,68%,27%) |
#12225e |
rgb(18,34,94) |
hsl(227,68%,22%) |
#0e1b49 |
rgb(14,27,73) |
hsl(227,68%,17%) |
#0a1333 |
rgb(10,19,51) |
hsl(227,68%,12%) |
#060b1e |
rgb(6,11,30) |
hsl(227,68%,7%) |
#020309 |
rgb(2,3,9) |
hsl(227,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AD1E0 |
rgb(90,209,224) |
hsl(187,68%,62%) |
#5A78E0 |
rgb(90,120,224) |
hsl(227,68%,62%) |
#9559E0 |
rgb(149,89,224) |
hsl(267,69%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D8E0F7 |
rgb(216,224,247) |
hsl(225,66%,91%) |
#AEBDEF |
rgb(174,189,239) |
hsl(226,67%,81%) |
#849CE7 |
rgb(132,156,231) |
hsl(225,67%,71%) |
#5A78E0 |
rgb(90,120,224) |
hsl(227,68%,62%) |
#2F54D8 |
rgb(47,84,216) |
hsl(227,68%,52%) |
#2142B3 |
rgb(33,66,179) |
hsl(226,69%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78E0 |
rgb(90,120,224) |
hsl(227,68%,62%) |
#E0805A |
rgb(224,128,90) |
hsl(17,68%,62%) |
#BBE05A |
rgb(187,224,90) |
hsl(77,68%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78E0 |
rgb(90,120,224) |
hsl(227,68%,62%) |
#E0C25A |
rgb(224,194,90) |
hsl(47,68%,62%) |
#5ABAE0 |
rgb(90,186,224) |
hsl(197,68%,62%) |
#BBE05A |
rgb(187,224,90) |
hsl(77,68%,62%) |