HEX #4580D2 color — Havelock Blue
The color #4580D2 is a dark shade and moderately saturated.
Palette
4580D2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf1fa |
rgb(234,241,250) |
hsl(215,61%,95%) |
| #d6e3f5 |
rgb(214,227,245) |
hsl(215,61%,90%) |
| #c1d5f0 |
rgb(193,213,240) |
hsl(215,61%,85%) |
| #adc7eb |
rgb(173,199,235) |
hsl(215,61%,80%) |
| #98b9e6 |
rgb(152,185,230) |
hsl(215,61%,75%) |
| #84abe1 |
rgb(132,171,225) |
hsl(215,61%,70%) |
| #6f9ddc |
rgb(111,157,220) |
hsl(215,61%,65%) |
| #5b8fd7 |
rgb(91,143,215) |
hsl(215,61%,60%) |
| #4681d2 |
rgb(70,129,210) |
hsl(215,61%,55%) |
| #3273cd |
rgb(50,115,205) |
hsl(215,61%,50%) |
| #2d67b9 |
rgb(45,103,185) |
hsl(215,61%,45%) |
| #285ca4 |
rgb(40,92,164) |
hsl(215,61%,40%) |
| #235090 |
rgb(35,80,144) |
hsl(215,61%,35%) |
| #1e457b |
rgb(30,69,123) |
hsl(215,61%,30%) |
| #193967 |
rgb(25,57,103) |
hsl(215,61%,25%) |
| #142e52 |
rgb(20,46,82) |
hsl(215,61%,20%) |
| #0f223e |
rgb(15,34,62) |
hsl(215,61%,15%) |
| #0a1729 |
rgb(10,23,41) |
hsl(215,61%,10%) |
| #050b15 |
rgb(5,11,21) |
hsl(215,61%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #45D1C6 |
rgb(69,209,198) |
hsl(175,60%,55%) |
| #4580D2 |
rgb(69,128,210) |
hsl(215,61%,55%) |
| #6845D2 |
rgb(104,69,210) |
hsl(255,61%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8CB0E3 |
rgb(140,176,227) |
hsl(215,61%,72%) |
| #6899DA |
rgb(104,153,218) |
hsl(214,61%,63%) |
| #4580D2 |
rgb(69,128,210) |
hsl(215,61%,55%) |
| #2D69BC |
rgb(45,105,188) |
hsl(215,61%,46%) |
| #245498 |
rgb(36,84,152) |
hsl(215,62%,37%) |
| #1C4274 |
rgb(28,66,116) |
hsl(214,61%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #4580D2 |
rgb(69,128,210) |
hsl(215,61%,55%) |
| #D25245 |
rgb(210,82,69) |
hsl(6,61%,55%) |
| #C6D145 |
rgb(198,209,69) |
hsl(65,60%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #4580D2 |
rgb(69,128,210) |
hsl(215,61%,55%) |
| #D29645 |
rgb(210,150,69) |
hsl(34,61%,55%) |
| #45C7D2 |
rgb(69,199,210) |
hsl(185,61%,55%) |
| #C6D145 |
rgb(198,209,69) |
hsl(65,60%,55%) |
