HEX #4580D0 color — Havelock Blue
The color #4580D0 is a dark shade and moderately saturated.
Palette
4580D0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,60%,99%) |
#e7eef9 |
rgb(231,238,249) |
hsl(215,60%,94%) |
#d2e0f4 |
rgb(210,224,244) |
hsl(215,60%,89%) |
#bed2ef |
rgb(190,210,239) |
hsl(215,60%,84%) |
#a9c4ea |
rgb(169,196,234) |
hsl(215,60%,79%) |
#95b6e4 |
rgb(149,182,228) |
hsl(215,60%,74%) |
#81a8df |
rgb(129,168,223) |
hsl(215,60%,69%) |
#6c9ada |
rgb(108,154,218) |
hsl(215,60%,64%) |
#588cd5 |
rgb(88,140,213) |
hsl(215,60%,59%) |
#437ed0 |
rgb(67,126,208) |
hsl(215,60%,54%) |
#3270c8 |
rgb(50,112,200) |
hsl(215,60%,49%) |
#2d65b4 |
rgb(45,101,180) |
hsl(215,60%,44%) |
#285a9f |
rgb(40,90,159) |
hsl(215,60%,39%) |
#234e8b |
rgb(35,78,139) |
hsl(215,60%,34%) |
#1e4376 |
rgb(30,67,118) |
hsl(215,60%,29%) |
#183762 |
rgb(24,55,98) |
hsl(215,60%,24%) |
#132c4e |
rgb(19,44,78) |
hsl(215,60%,19%) |
#0e2039 |
rgb(14,32,57) |
hsl(215,60%,14%) |
#091525 |
rgb(9,21,37) |
hsl(215,60%,9%) |
#040910 |
rgb(4,9,16) |
hsl(215,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#45D1C3 |
rgb(69,209,195) |
hsl(174,60%,55%) |
#4580D0 |
rgb(69,128,208) |
hsl(215,60%,54%) |
#6645D0 |
rgb(102,69,208) |
hsl(254,60%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BB0E1 |
rgb(139,176,225) |
hsl(214,59%,71%) |
#6899D8 |
rgb(104,153,216) |
hsl(214,59%,63%) |
#4580D0 |
rgb(69,128,208) |
hsl(215,60%,54%) |
#2E6BB9 |
rgb(46,107,185) |
hsl(214,60%,45%) |
#265796 |
rgb(38,87,150) |
hsl(214,60%,37%) |
#1D4272 |
rgb(29,66,114) |
hsl(214,59%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580D0 |
rgb(69,128,208) |
hsl(215,60%,54%) |
#D04F45 |
rgb(208,79,69) |
hsl(4,60%,54%) |
#C5D145 |
rgb(197,209,69) |
hsl(65,60%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580D0 |
rgb(69,128,208) |
hsl(215,60%,54%) |
#D09445 |
rgb(208,148,69) |
hsl(34,60%,54%) |
#45C4D0 |
rgb(69,196,208) |
hsl(185,60%,54%) |
#C5D145 |
rgb(197,209,69) |
hsl(65,60%,55%) |