HEX #2A7DA3 color — Jelly Bean
The color #2A7DA3 is a dark shade and moderately saturated.
Palette
2A7DA3 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(199,59%,95%) |
#d6ebf5 |
rgb(214,235,245) |
hsl(199,59%,90%) |
#c2e1ef |
rgb(194,225,239) |
hsl(199,59%,85%) |
#aed7ea |
rgb(174,215,234) |
hsl(199,59%,80%) |
#9acde5 |
rgb(154,205,229) |
hsl(199,59%,75%) |
#85c3e0 |
rgb(133,195,224) |
hsl(199,59%,70%) |
#71b9da |
rgb(113,185,218) |
hsl(199,59%,65%) |
#5dafd5 |
rgb(93,175,213) |
hsl(199,59%,60%) |
#49a5d0 |
rgb(73,165,208) |
hsl(199,59%,55%) |
#349bcb |
rgb(52,155,203) |
hsl(199,59%,50%) |
#2f8cb6 |
rgb(47,140,182) |
hsl(199,59%,45%) |
#2a7ca2 |
rgb(42,124,162) |
hsl(199,59%,40%) |
#256d8e |
rgb(37,109,142) |
hsl(199,59%,35%) |
#1f5d7a |
rgb(31,93,122) |
hsl(199,59%,30%) |
#1a4e65 |
rgb(26,78,101) |
hsl(199,59%,25%) |
#153e51 |
rgb(21,62,81) |
hsl(199,59%,20%) |
#102f3d |
rgb(16,47,61) |
hsl(199,59%,15%) |
#0a1f29 |
rgb(10,31,41) |
hsl(199,59%,10%) |
#051014 |
rgb(5,16,20) |
hsl(199,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA378 |
rgb(42,163,120) |
hsl(159,59%,40%) |
#2A7DA3 |
rgb(42,125,163) |
hsl(199,59%,40%) |
#2A2BA3 |
rgb(42,43,163) |
hsl(240,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#40A1CD |
rgb(64,161,205) |
hsl(199,59%,53%) |
#3091BD |
rgb(48,145,189) |
hsl(199,59%,46%) |
#2A7DA3 |
rgb(42,125,163) |
hsl(199,59%,40%) |
#236988 |
rgb(35,105,136) |
hsl(198,59%,34%) |
#1C546E |
rgb(28,84,110) |
hsl(199,59%,27%) |
#154054 |
rgb(21,64,84) |
hsl(199,60%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7DA3 |
rgb(42,125,163) |
hsl(199,59%,40%) |
#A32940 |
rgb(163,41,64) |
hsl(349,60%,40%) |
#A38C2A |
rgb(163,140,42) |
hsl(49,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7DA3 |
rgb(42,125,163) |
hsl(199,59%,40%) |
#A34F2A |
rgb(163,79,42) |
hsl(18,59%,40%) |
#2AA38C |
rgb(42,163,140) |
hsl(169,59%,40%) |
#A38C2A |
rgb(163,140,42) |
hsl(49,59%,40%) |