HEX #2580A2 color — Jelly Bean
The color #2580A2 is a dark shade and moderately saturated.
Palette
2580A2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(196,63%,99%) |
#e6f4f9 |
rgb(230,244,249) |
hsl(196,63%,94%) |
#d1ebf5 |
rgb(209,235,245) |
hsl(196,63%,89%) |
#bce2f0 |
rgb(188,226,240) |
hsl(196,63%,84%) |
#a8d9eb |
rgb(168,217,235) |
hsl(196,63%,79%) |
#93d0e6 |
rgb(147,208,230) |
hsl(196,63%,74%) |
#7ec7e2 |
rgb(126,199,226) |
hsl(196,63%,69%) |
#69bedd |
rgb(105,190,221) |
hsl(196,63%,64%) |
#55b5d8 |
rgb(85,181,216) |
hsl(196,63%,59%) |
#40acd4 |
rgb(64,172,212) |
hsl(196,63%,54%) |
#2ea2cc |
rgb(46,162,204) |
hsl(196,63%,49%) |
#2a91b7 |
rgb(42,145,183) |
hsl(196,63%,44%) |
#2581a2 |
rgb(37,129,162) |
hsl(196,63%,39%) |
#20708d |
rgb(32,112,141) |
hsl(196,63%,34%) |
#1b6079 |
rgb(27,96,121) |
hsl(196,63%,29%) |
#174f64 |
rgb(23,79,100) |
hsl(196,63%,24%) |
#123f4f |
rgb(18,63,79) |
hsl(196,63%,19%) |
#0d2e3a |
rgb(13,46,58) |
hsl(196,63%,14%) |
#081e25 |
rgb(8,30,37) |
hsl(196,63%,9%) |
#040d11 |
rgb(4,13,17) |
hsl(196,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#25A370 |
rgb(37,163,112) |
hsl(156,63%,39%) |
#2580A2 |
rgb(37,128,162) |
hsl(196,63%,39%) |
#252EA2 |
rgb(37,46,162) |
hsl(236,63%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2A94BB |
rgb(42,148,187) |
hsl(196,63%,45%) |
#2580A2 |
rgb(37,128,162) |
hsl(196,63%,39%) |
#1F6B88 |
rgb(31,107,136) |
hsl(197,63%,33%) |
#19576E |
rgb(25,87,110) |
hsl(196,63%,26%) |
#134254 |
rgb(19,66,84) |
hsl(197,63%,20%) |
#0D2E3A |
rgb(13,46,58) |
hsl(196,63%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2580A2 |
rgb(37,128,162) |
hsl(196,63%,39%) |
#A22641 |
rgb(162,38,65) |
hsl(347,62%,39%) |
#A28525 |
rgb(162,133,37) |
hsl(46,63%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2580A2 |
rgb(37,128,162) |
hsl(196,63%,39%) |
#A24725 |
rgb(162,71,37) |
hsl(16,63%,39%) |
#25A385 |
rgb(37,163,133) |
hsl(166,63%,39%) |
#A28525 |
rgb(162,133,37) |
hsl(46,63%,39%) |