HEX #2580A3 color — Jelly Bean
The color #2580A3 is a dark shade and moderately saturated.
Palette
2580A3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(197,63%,99%) |
#e6f4f9 |
rgb(230,244,249) |
hsl(197,63%,94%) |
#d1ebf5 |
rgb(209,235,245) |
hsl(197,63%,89%) |
#bce1f0 |
rgb(188,225,240) |
hsl(197,63%,84%) |
#a8d8eb |
rgb(168,216,235) |
hsl(197,63%,79%) |
#93cfe6 |
rgb(147,207,230) |
hsl(197,63%,74%) |
#7ec6e2 |
rgb(126,198,226) |
hsl(197,63%,69%) |
#69bcdd |
rgb(105,188,221) |
hsl(197,63%,64%) |
#55b3d8 |
rgb(85,179,216) |
hsl(197,63%,59%) |
#40aad4 |
rgb(64,170,212) |
hsl(197,63%,54%) |
#2e9fcc |
rgb(46,159,204) |
hsl(197,63%,49%) |
#2a8fb7 |
rgb(42,143,183) |
hsl(197,63%,44%) |
#257fa2 |
rgb(37,127,162) |
hsl(197,63%,39%) |
#206e8d |
rgb(32,110,141) |
hsl(197,63%,34%) |
#1b5e79 |
rgb(27,94,121) |
hsl(197,63%,29%) |
#174e64 |
rgb(23,78,100) |
hsl(197,63%,24%) |
#123e4f |
rgb(18,62,79) |
hsl(197,63%,19%) |
#0d2d3a |
rgb(13,45,58) |
hsl(197,63%,14%) |
#081d25 |
rgb(8,29,37) |
hsl(197,63%,9%) |
#040d11 |
rgb(4,13,17) |
hsl(197,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#25A372 |
rgb(37,163,114) |
hsl(157,63%,39%) |
#2580A3 |
rgb(37,128,163) |
hsl(197,63%,39%) |
#252BA3 |
rgb(37,43,163) |
hsl(237,63%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2A94BD |
rgb(42,148,189) |
hsl(197,64%,45%) |
#2580A3 |
rgb(37,128,163) |
hsl(197,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 |
#2580A3 |
rgb(37,128,163) |
hsl(197,63%,39%) |
#A32641 |
rgb(163,38,65) |
hsl(347,62%,39%) |
#A38725 |
rgb(163,135,37) |
hsl(47,63%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2580A3 |
rgb(37,128,163) |
hsl(197,63%,39%) |
#A34725 |
rgb(163,71,37) |
hsl(16,63%,39%) |
#25A387 |
rgb(37,163,135) |
hsl(167,63%,39%) |
#A38725 |
rgb(163,135,37) |
hsl(47,63%,39%) |