HEX #587AC0 color — Indigo
The color #587AC0 is a dark shade and moderately saturated.
Palette
587AC0 color palette from light to dark
HEX |
RGB |
HSL |
#edf0f8 |
rgb(237,240,248) |
hsl(220,45%,95%) |
#dae2f1 |
rgb(218,226,241) |
hsl(220,45%,90%) |
#c8d3ea |
rgb(200,211,234) |
hsl(220,45%,85%) |
#b5c4e3 |
rgb(181,196,227) |
hsl(220,45%,80%) |
#a3b6dc |
rgb(163,182,220) |
hsl(220,45%,75%) |
#90a7d5 |
rgb(144,167,213) |
hsl(220,45%,70%) |
#7e98ce |
rgb(126,152,206) |
hsl(220,45%,65%) |
#6b8ac7 |
rgb(107,138,199) |
hsl(220,45%,60%) |
#597bc0 |
rgb(89,123,192) |
hsl(220,45%,55%) |
#466cb9 |
rgb(70,108,185) |
hsl(220,45%,50%) |
#3f62a6 |
rgb(63,98,166) |
hsl(220,45%,45%) |
#385794 |
rgb(56,87,148) |
hsl(220,45%,40%) |
#314c81 |
rgb(49,76,129) |
hsl(220,45%,35%) |
#2a416f |
rgb(42,65,111) |
hsl(220,45%,30%) |
#23365c |
rgb(35,54,92) |
hsl(220,45%,25%) |
#1c2b4a |
rgb(28,43,74) |
hsl(220,45%,20%) |
#152137 |
rgb(21,33,55) |
hsl(220,45%,15%) |
#0e1625 |
rgb(14,22,37) |
hsl(220,45%,10%) |
#070b12 |
rgb(7,11,18) |
hsl(220,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#58BFC0 |
rgb(88,191,192) |
hsl(181,45%,55%) |
#587AC0 |
rgb(88,122,192) |
hsl(220,45%,55%) |
#7B59C0 |
rgb(123,89,192) |
hsl(260,45%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ADD8 |
rgb(153,173,216) |
hsl(221,45%,72%) |
#7894CC |
rgb(120,148,204) |
hsl(220,45%,64%) |
#587AC0 |
rgb(88,122,192) |
hsl(220,45%,55%) |
#4063AA |
rgb(64,99,170) |
hsl(220,45%,46%) |
#344F8A |
rgb(52,79,138) |
hsl(221,45%,37%) |
#273D69 |
rgb(39,61,105) |
hsl(220,46%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#587AC0 |
rgb(88,122,192) |
hsl(220,45%,55%) |
#C06B58 |
rgb(192,107,88) |
hsl(11,45%,55%) |
#AEBF58 |
rgb(174,191,88) |
hsl(70,45%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#587AC0 |
rgb(88,122,192) |
hsl(220,45%,55%) |
#C09E58 |
rgb(192,158,88) |
hsl(40,45%,55%) |
#58ADC0 |
rgb(88,173,192) |
hsl(191,45%,55%) |
#AEBF58 |
rgb(174,191,88) |
hsl(70,45%,55%) |