HEX #5A9AE2 color — Havelock Blue
The color #5a9ae2 is a light shade and moderately saturated.
Palette
5a9ae2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(212,70%,97%) |
#dceaf9 |
rgb(220,234,249) |
hsl(212,70%,92%) |
#c7dcf5 |
rgb(199,220,245) |
hsl(212,70%,87%) |
#b1cff1 |
rgb(177,207,241) |
hsl(212,70%,82%) |
#9bc2ed |
rgb(155,194,237) |
hsl(212,70%,77%) |
#86b4ea |
rgb(134,180,234) |
hsl(212,70%,72%) |
#70a7e6 |
rgb(112,167,230) |
hsl(212,70%,67%) |
#5a9ae2 |
rgb(90,154,226) |
hsl(212,70%,62%) |
#458cde |
rgb(69,140,222) |
hsl(212,70%,57%) |
#2f7fda |
rgb(47,127,218) |
hsl(212,70%,52%) |
#2472cc |
rgb(36,114,204) |
hsl(212,70%,47%) |
#2066b6 |
rgb(32,102,182) |
hsl(212,70%,42%) |
#1c5aa0 |
rgb(28,90,160) |
hsl(212,70%,37%) |
#184e8b |
rgb(24,78,139) |
hsl(212,70%,32%) |
#154275 |
rgb(21,66,117) |
hsl(212,70%,27%) |
#11355f |
rgb(17,53,95) |
hsl(212,70%,22%) |
#0d294a |
rgb(13,41,74) |
hsl(212,70%,17%) |
#091d34 |
rgb(9,29,52) |
hsl(212,70%,12%) |
#05111e |
rgb(5,17,30) |
hsl(212,70%,7%) |
#020509 |
rgb(2,5,9) |
hsl(212,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AE3CF |
rgb(90,227,207) |
hsl(171,71%,62%) |
#5A9AE2 |
rgb(90,154,226) |
hsl(212,70%,62%) |
#7459E2 |
rgb(116,89,226) |
hsl(252,70%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DBE8F8 |
rgb(219,232,248) |
hsl(213,67%,92%) |
#B0CFF1 |
rgb(176,207,241) |
hsl(211,70%,82%) |
#85B5E9 |
rgb(133,181,233) |
hsl(211,69%,72%) |
#5A9AE2 |
rgb(90,154,226) |
hsl(212,70%,62%) |
#2F80DA |
rgb(47,128,218) |
hsl(212,70%,52%) |
#2066B6 |
rgb(32,102,182) |
hsl(212,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A9AE2 |
rgb(90,154,226) |
hsl(212,70%,62%) |
#E25E5A |
rgb(226,94,90) |
hsl(2,70%,62%) |
#DEE35A |
rgb(222,227,90) |
hsl(62,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A9AE2 |
rgb(90,154,226) |
hsl(212,70%,62%) |
#E2A35A |
rgb(226,163,90) |
hsl(32,70%,62%) |
#5ADEE2 |
rgb(90,222,226) |
hsl(182,70%,62%) |
#DEE35A |
rgb(222,227,90) |
hsl(62,71%,62%) |