HEX #2580A8 color — Jelly Bean
The color #2580A8 is a dark shade and moderately saturated.
Palette
2580A8 color palette from light to dark
HEX |
RGB |
HSL |
#eaf6fa |
rgb(234,246,250) |
hsl(198,64%,95%) |
#d5ecf6 |
rgb(213,236,246) |
hsl(198,64%,90%) |
#c0e3f1 |
rgb(192,227,241) |
hsl(198,64%,85%) |
#abd9ed |
rgb(171,217,237) |
hsl(198,64%,80%) |
#96d0e8 |
rgb(150,208,232) |
hsl(198,64%,75%) |
#82c6e3 |
rgb(130,198,227) |
hsl(198,64%,70%) |
#6dbddf |
rgb(109,189,223) |
hsl(198,64%,65%) |
#58b3da |
rgb(88,179,218) |
hsl(198,64%,60%) |
#43aad6 |
rgb(67,170,214) |
hsl(198,64%,55%) |
#2ea0d1 |
rgb(46,160,209) |
hsl(198,64%,50%) |
#2990bc |
rgb(41,144,188) |
hsl(198,64%,45%) |
#2580a7 |
rgb(37,128,167) |
hsl(198,64%,40%) |
#207092 |
rgb(32,112,146) |
hsl(198,64%,35%) |
#1c607d |
rgb(28,96,125) |
hsl(198,64%,30%) |
#175069 |
rgb(23,80,105) |
hsl(198,64%,25%) |
#124054 |
rgb(18,64,84) |
hsl(198,64%,20%) |
#0e303f |
rgb(14,48,63) |
hsl(198,64%,15%) |
#09202a |
rgb(9,32,42) |
hsl(198,64%,10%) |
#051015 |
rgb(5,16,21) |
hsl(198,64%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#25A878 |
rgb(37,168,120) |
hsl(158,64%,40%) |
#2580A8 |
rgb(37,128,168) |
hsl(198,64%,40%) |
#2529A8 |
rgb(37,41,168) |
hsl(238,64%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3AA6D3 |
rgb(58,166,211) |
hsl(198,63%,53%) |
#2A94C2 |
rgb(42,148,194) |
hsl(198,64%,46%) |
#2580A8 |
rgb(37,128,168) |
hsl(198,64%,40%) |
#1F6B8D |
rgb(31,107,141) |
hsl(199,64%,34%) |
#195772 |
rgb(25,87,114) |
hsl(198,64%,27%) |
#134257 |
rgb(19,66,87) |
hsl(199,64%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2580A8 |
rgb(37,128,168) |
hsl(198,64%,40%) |
#A8263E |
rgb(168,38,62) |
hsl(349,63%,40%) |
#A88F25 |
rgb(168,143,37) |
hsl(49,64%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2580A8 |
rgb(37,128,168) |
hsl(198,64%,40%) |
#A84D25 |
rgb(168,77,37) |
hsl(18,64%,40%) |
#25A88E |
rgb(37,168,142) |
hsl(168,64%,40%) |
#A88F25 |
rgb(168,143,37) |
hsl(49,64%,40%) |