HEX #2A7DA1 color — Jelly Bean
The color #2A7DA1 is a dark shade and moderately saturated.
Palette
2A7DA1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(198,59%,95%) |
#d6ecf5 |
rgb(214,236,245) |
hsl(198,59%,90%) |
#c2e2ef |
rgb(194,226,239) |
hsl(198,59%,85%) |
#aed8ea |
rgb(174,216,234) |
hsl(198,59%,80%) |
#9acee5 |
rgb(154,206,229) |
hsl(198,59%,75%) |
#85c5e0 |
rgb(133,197,224) |
hsl(198,59%,70%) |
#71bbda |
rgb(113,187,218) |
hsl(198,59%,65%) |
#5db1d5 |
rgb(93,177,213) |
hsl(198,59%,60%) |
#49a7d0 |
rgb(73,167,208) |
hsl(198,59%,55%) |
#349ecb |
rgb(52,158,203) |
hsl(198,59%,50%) |
#2f8eb6 |
rgb(47,142,182) |
hsl(198,59%,45%) |
#2a7ea2 |
rgb(42,126,162) |
hsl(198,59%,40%) |
#256e8e |
rgb(37,110,142) |
hsl(198,59%,35%) |
#1f5f7a |
rgb(31,95,122) |
hsl(198,59%,30%) |
#1a4f65 |
rgb(26,79,101) |
hsl(198,59%,25%) |
#153f51 |
rgb(21,63,81) |
hsl(198,59%,20%) |
#102f3d |
rgb(16,47,61) |
hsl(198,59%,15%) |
#0a2029 |
rgb(10,32,41) |
hsl(198,59%,10%) |
#051014 |
rgb(5,16,20) |
hsl(198,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA175 |
rgb(42,161,117) |
hsl(158,59%,40%) |
#2A7DA1 |
rgb(42,125,161) |
hsl(198,59%,40%) |
#2A2EA1 |
rgb(42,46,161) |
hsl(238,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3091BA |
rgb(48,145,186) |
hsl(198,59%,46%) |
#2A7DA1 |
rgb(42,125,161) |
hsl(198,59%,40%) |
#236987 |
rgb(35,105,135) |
hsl(198,59%,33%) |
#1C546D |
rgb(28,84,109) |
hsl(199,59%,27%) |
#154053 |
rgb(21,64,83) |
hsl(198,60%,20%) |
#0F2E39 |
rgb(15,46,57) |
hsl(196,58%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7DA1 |
rgb(42,125,161) |
hsl(198,59%,40%) |
#A12941 |
rgb(161,41,65) |
hsl(348,59%,40%) |
#A18A2A |
rgb(161,138,42) |
hsl(48,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7DA1 |
rgb(42,125,161) |
hsl(198,59%,40%) |
#A14F2A |
rgb(161,79,42) |
hsl(19,59%,40%) |
#2AA189 |
rgb(42,161,137) |
hsl(168,59%,40%) |
#A18A2A |
rgb(161,138,42) |
hsl(48,59%,40%) |