HEX #5A7AD5 color — Havelock Blue
The color #5A7AD5 is a dark shade and moderately saturated.
Palette
5A7AD5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,59%,99%) |
#e7ebf9 |
rgb(231,235,249) |
hsl(224,59%,94%) |
#d2dbf3 |
rgb(210,219,243) |
hsl(224,59%,89%) |
#becbee |
rgb(190,203,238) |
hsl(224,59%,84%) |
#aabbe9 |
rgb(170,187,233) |
hsl(224,59%,79%) |
#96aae4 |
rgb(150,170,228) |
hsl(224,59%,74%) |
#819adf |
rgb(129,154,223) |
hsl(224,59%,69%) |
#6d8ad9 |
rgb(109,138,217) |
hsl(224,59%,64%) |
#597ad4 |
rgb(89,122,212) |
hsl(224,59%,59%) |
#4469cf |
rgb(68,105,207) |
hsl(224,59%,54%) |
#335bc7 |
rgb(51,91,199) |
hsl(224,59%,49%) |
#2e51b2 |
rgb(46,81,178) |
hsl(224,59%,44%) |
#29489e |
rgb(41,72,158) |
hsl(224,59%,39%) |
#243f8a |
rgb(36,63,138) |
hsl(224,59%,34%) |
#1e3676 |
rgb(30,54,118) |
hsl(224,59%,29%) |
#192c61 |
rgb(25,44,97) |
hsl(224,59%,24%) |
#14234d |
rgb(20,35,77) |
hsl(224,59%,19%) |
#0f1a39 |
rgb(15,26,57) |
hsl(224,59%,14%) |
#091124 |
rgb(9,17,36) |
hsl(224,59%,9%) |
#040710 |
rgb(4,7,16) |
hsl(224,59%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ACCD5 |
rgb(90,204,213) |
hsl(184,59%,59%) |
#5A7AD5 |
rgb(90,122,213) |
hsl(224,59%,59%) |
#8C59D5 |
rgb(140,89,213) |
hsl(265,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7B8E8 |
rgb(167,184,232) |
hsl(224,59%,78%) |
#8099DE |
rgb(128,153,222) |
hsl(224,59%,69%) |
#5A7AD5 |
rgb(90,122,213) |
hsl(224,59%,59%) |
#335CCA |
rgb(51,92,202) |
hsl(224,60%,50%) |
#294AA4 |
rgb(41,74,164) |
hsl(224,60%,40%) |
#1F387D |
rgb(31,56,125) |
hsl(224,60%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7AD5 |
rgb(90,122,213) |
hsl(224,59%,59%) |
#D5785A |
rgb(213,120,90) |
hsl(15,59%,59%) |
#B7D65A |
rgb(183,214,90) |
hsl(75,60%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7AD5 |
rgb(90,122,213) |
hsl(224,59%,59%) |
#D5B55A |
rgb(213,181,90) |
hsl(44,59%,59%) |
#5AB8D5 |
rgb(90,184,213) |
hsl(194,59%,59%) |
#B7D65A |
rgb(183,214,90) |
hsl(75,60%,60%) |