HEX #5AA7E2 color — Havelock Blue
The color #5aa7e2 is a light shade and moderately saturated.
Palette
5aa7e2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(206,70%,97%) |
#dcedf9 |
rgb(220,237,249) |
hsl(206,70%,92%) |
#c7e1f5 |
rgb(199,225,245) |
hsl(206,70%,87%) |
#b1d5f1 |
rgb(177,213,241) |
hsl(206,70%,82%) |
#9bcaed |
rgb(155,202,237) |
hsl(206,70%,77%) |
#86beea |
rgb(134,190,234) |
hsl(206,70%,72%) |
#70b3e6 |
rgb(112,179,230) |
hsl(206,70%,67%) |
#5aa7e2 |
rgb(90,167,226) |
hsl(206,70%,62%) |
#459cde |
rgb(69,156,222) |
hsl(206,70%,57%) |
#2f90da |
rgb(47,144,218) |
hsl(206,70%,52%) |
#2483cc |
rgb(36,131,204) |
hsl(206,70%,47%) |
#2075b6 |
rgb(32,117,182) |
hsl(206,70%,42%) |
#1c67a0 |
rgb(28,103,160) |
hsl(206,70%,37%) |
#18598b |
rgb(24,89,139) |
hsl(206,70%,32%) |
#154b75 |
rgb(21,75,117) |
hsl(206,70%,27%) |
#113d5f |
rgb(17,61,95) |
hsl(206,70%,22%) |
#0d2f4a |
rgb(13,47,74) |
hsl(206,70%,17%) |
#092134 |
rgb(9,33,52) |
hsl(206,70%,12%) |
#05141e |
rgb(5,20,30) |
hsl(206,70%,7%) |
#020609 |
rgb(2,6,9) |
hsl(206,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AE3C2 |
rgb(90,227,194) |
hsl(166,71%,62%) |
#5AA7E2 |
rgb(90,167,226) |
hsl(206,70%,62%) |
#6759E2 |
rgb(103,89,226) |
hsl(246,70%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DBEBF8 |
rgb(219,235,248) |
hsl(207,67%,92%) |
#B0D4F1 |
rgb(176,212,241) |
hsl(207,70%,82%) |
#85BDE9 |
rgb(133,189,233) |
hsl(206,69%,72%) |
#5AA7E2 |
rgb(90,167,226) |
hsl(206,70%,62%) |
#2F8FDA |
rgb(47,143,218) |
hsl(206,70%,52%) |
#2075B6 |
rgb(32,117,182) |
hsl(206,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5AA7E2 |
rgb(90,167,226) |
hsl(206,70%,62%) |
#E25963 |
rgb(226,89,99) |
hsl(356,70%,62%) |
#E2D95A |
rgb(226,217,90) |
hsl(56,70%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5AA7E2 |
rgb(90,167,226) |
hsl(206,70%,62%) |
#E2945A |
rgb(226,148,90) |
hsl(26,70%,62%) |
#5AE3D9 |
rgb(90,227,217) |
hsl(176,71%,62%) |
#E2D95A |
rgb(226,217,90) |
hsl(56,70%,62%) |