HEX #2A80A2 color — Jelly Bean
The color #2a80a2 is a dark shade and moderately saturated.
Palette
2a80a2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(197,59%,95%) |
#d6ecf5 |
rgb(214,236,245) |
hsl(197,59%,90%) |
#c2e3ef |
rgb(194,227,239) |
hsl(197,59%,85%) |
#aed9ea |
rgb(174,217,234) |
hsl(197,59%,80%) |
#9ad0e5 |
rgb(154,208,229) |
hsl(197,59%,75%) |
#85c6e0 |
rgb(133,198,224) |
hsl(197,59%,70%) |
#71bdda |
rgb(113,189,218) |
hsl(197,59%,65%) |
#5db3d5 |
rgb(93,179,213) |
hsl(197,59%,60%) |
#49aad0 |
rgb(73,170,208) |
hsl(197,59%,55%) |
#34a0cb |
rgb(52,160,203) |
hsl(197,59%,50%) |
#2f90b6 |
rgb(47,144,182) |
hsl(197,59%,45%) |
#2a80a2 |
rgb(42,128,162) |
hsl(197,59%,40%) |
#25708e |
rgb(37,112,142) |
hsl(197,59%,35%) |
#1f607a |
rgb(31,96,122) |
hsl(197,59%,30%) |
#1a5065 |
rgb(26,80,101) |
hsl(197,59%,25%) |
#154051 |
rgb(21,64,81) |
hsl(197,59%,20%) |
#10303d |
rgb(16,48,61) |
hsl(197,59%,15%) |
#0a2029 |
rgb(10,32,41) |
hsl(197,59%,10%) |
#051014 |
rgb(5,16,20) |
hsl(197,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA374 |
rgb(42,163,116) |
hsl(157,59%,40%) |
#2A80A2 |
rgb(42,128,162) |
hsl(197,59%,40%) |
#2A30A2 |
rgb(42,48,162) |
hsl(237,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3094BB |
rgb(48,148,187) |
hsl(197,59%,46%) |
#2A80A2 |
rgb(42,128,162) |
hsl(197,59%,40%) |
#236B88 |
rgb(35,107,136) |
hsl(197,59%,34%) |
#1C576E |
rgb(28,87,110) |
hsl(197,59%,27%) |
#154254 |
rgb(21,66,84) |
hsl(197,60%,21%) |
#0F2E3A |
rgb(15,46,58) |
hsl(197,59%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A80A2 |
rgb(42,128,162) |
hsl(197,59%,40%) |
#A22944 |
rgb(162,41,68) |
hsl(347,60%,40%) |
#A2872A |
rgb(162,135,42) |
hsl(47,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A80A2 |
rgb(42,128,162) |
hsl(197,59%,40%) |
#A24D2A |
rgb(162,77,42) |
hsl(18,59%,40%) |
#2AA388 |
rgb(42,163,136) |
hsl(167,59%,40%) |
#A2872A |
rgb(162,135,42) |
hsl(47,59%,40%) |