HEX #4585D2 color — Havelock Blue
The color #4585D2 is a dark shade and moderately saturated.
Palette
4585D2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf1fa |
rgb(234,241,250) |
hsl(213,61%,95%) |
| #d6e4f5 |
rgb(214,228,245) |
hsl(213,61%,90%) |
| #c1d6f0 |
rgb(193,214,240) |
hsl(213,61%,85%) |
| #adc9eb |
rgb(173,201,235) |
hsl(213,61%,80%) |
| #98bbe6 |
rgb(152,187,230) |
hsl(213,61%,75%) |
| #84aee1 |
rgb(132,174,225) |
hsl(213,61%,70%) |
| #6fa0dc |
rgb(111,160,220) |
hsl(213,61%,65%) |
| #5b93d7 |
rgb(91,147,215) |
hsl(213,61%,60%) |
| #4685d2 |
rgb(70,133,210) |
hsl(213,61%,55%) |
| #3278cd |
rgb(50,120,205) |
hsl(213,61%,50%) |
| #2d6cb9 |
rgb(45,108,185) |
hsl(213,61%,45%) |
| #2860a4 |
rgb(40,96,164) |
hsl(213,61%,40%) |
| #235490 |
rgb(35,84,144) |
hsl(213,61%,35%) |
| #1e487b |
rgb(30,72,123) |
hsl(213,61%,30%) |
| #193c67 |
rgb(25,60,103) |
hsl(213,61%,25%) |
| #143052 |
rgb(20,48,82) |
hsl(213,61%,20%) |
| #0f243e |
rgb(15,36,62) |
hsl(213,61%,15%) |
| #0a1829 |
rgb(10,24,41) |
hsl(213,61%,10%) |
| #050c15 |
rgb(5,12,21) |
hsl(213,61%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #45D1C1 |
rgb(69,209,193) |
hsl(173,60%,55%) |
| #4585D2 |
rgb(69,133,210) |
hsl(213,61%,55%) |
| #6345D2 |
rgb(99,69,210) |
hsl(253,61%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8CB5E3 |
rgb(140,181,227) |
hsl(212,61%,72%) |
| #689CDA |
rgb(104,156,218) |
hsl(213,61%,63%) |
| #4585D2 |
rgb(69,133,210) |
hsl(213,61%,55%) |
| #2D6EBC |
rgb(45,110,188) |
hsl(213,61%,46%) |
| #245998 |
rgb(36,89,152) |
hsl(213,62%,37%) |
| #1C4574 |
rgb(28,69,116) |
hsl(212,61%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #4585D2 |
rgb(69,133,210) |
hsl(213,61%,55%) |
| #D24D45 |
rgb(210,77,69) |
hsl(3,61%,55%) |
| #CBD145 |
rgb(203,209,69) |
hsl(63,60%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #4585D2 |
rgb(69,133,210) |
hsl(213,61%,55%) |
| #D29145 |
rgb(210,145,69) |
hsl(32,61%,55%) |
| #45CCD2 |
rgb(69,204,210) |
hsl(183,61%,55%) |
| #CBD145 |
rgb(203,209,69) |
hsl(63,60%,55%) |
