HEX #5A9CE2 color — Havelock Blue

The color #5a9ce2 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5a9ce2 color palette from light to dark

HEX RGB HSL
#f2f7fd rgb(242,247,253) hsl(211,70%,97%)
#dceaf9 rgb(220,234,249) hsl(211,70%,92%)
#c7ddf5 rgb(199,221,245) hsl(211,70%,87%)
#b1d0f1 rgb(177,208,241) hsl(211,70%,82%)
#9bc3ed rgb(155,195,237) hsl(211,70%,77%)
#86b6ea rgb(134,182,234) hsl(211,70%,72%)
#70a9e6 rgb(112,169,230) hsl(211,70%,67%)
#5a9ce2 rgb(90,156,226) hsl(211,70%,62%)
#458fde rgb(69,143,222) hsl(211,70%,57%)
#2f82da rgb(47,130,218) hsl(211,70%,52%)
#2475cc rgb(36,117,204) hsl(211,70%,47%)
#2069b6 rgb(32,105,182) hsl(211,70%,42%)
#1c5ca0 rgb(28,92,160) hsl(211,70%,37%)
#18508b rgb(24,80,139) hsl(211,70%,32%)
#154375 rgb(21,67,117) hsl(211,70%,27%)
#11375f rgb(17,55,95) hsl(211,70%,22%)
#0d2a4a rgb(13,42,74) hsl(211,70%,17%)
#091e34 rgb(9,30,52) hsl(211,70%,12%)
#05111e rgb(5,17,30) hsl(211,70%,7%)
#020509 rgb(2,5,9) hsl(211,70%,2%)

Adjacent colors

HEX RGB HSL
#5AE3CD rgb(90,227,205) hsl(170,71%,62%)
#5A9CE2 rgb(90,156,226) hsl(211,70%,62%)
#7259E2 rgb(114,89,226) hsl(251,70%,62%)

Monochromatic colors

HEX RGB HSL
#DBEBF8 rgb(219,235,248) hsl(207,67%,92%)
#B0CFF1 rgb(176,207,241) hsl(211,70%,82%)
#85B5E9 rgb(133,181,233) hsl(211,69%,72%)
#5A9CE2 rgb(90,156,226) hsl(211,70%,62%)
#2F82DA rgb(47,130,218) hsl(211,70%,52%)
#2069B6 rgb(32,105,182) hsl(211,70%,42%)

Triad color palettes

HEX RGB HSL
#5A9CE2 rgb(90,156,226) hsl(211,70%,62%)
#E25C5A rgb(226,92,90) hsl(1,70%,62%)
#E0E35A rgb(224,227,90) hsl(61,71%,62%)

Tetrad color palettes

HEX RGB HSL
#5A9CE2 rgb(90,156,226) hsl(211,70%,62%)
#E2A15A rgb(226,161,90) hsl(31,70%,62%)
#5AE0E2 rgb(90,224,226) hsl(181,70%,62%)
#E0E35A rgb(224,227,90) hsl(61,71%,62%)