HEX #2A7DB0 color — Jelly Bean
The color #2A7DB0 is a dark shade and moderately saturated.
Palette
2A7DB0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(203,61%,98%) |
#e2f0f8 |
rgb(226,240,248) |
hsl(203,61%,93%) |
#cee5f3 |
rgb(206,229,243) |
hsl(203,61%,88%) |
#b9daee |
rgb(185,218,238) |
hsl(203,61%,83%) |
#a5cfe9 |
rgb(165,207,233) |
hsl(203,61%,78%) |
#90c4e4 |
rgb(144,196,228) |
hsl(203,61%,73%) |
#7cb9df |
rgb(124,185,223) |
hsl(203,61%,68%) |
#67aeda |
rgb(103,174,218) |
hsl(203,61%,63%) |
#53a3d5 |
rgb(83,163,213) |
hsl(203,61%,58%) |
#3e98d0 |
rgb(62,152,208) |
hsl(203,61%,53%) |
#308cc5 |
rgb(48,140,197) |
hsl(203,61%,48%) |
#2b7db1 |
rgb(43,125,177) |
hsl(203,61%,43%) |
#266f9c |
rgb(38,111,156) |
hsl(203,61%,38%) |
#216087 |
rgb(33,96,135) |
hsl(203,61%,33%) |
#1c5273 |
rgb(28,82,115) |
hsl(203,61%,28%) |
#17435e |
rgb(23,67,94) |
hsl(203,61%,23%) |
#12344a |
rgb(18,52,74) |
hsl(203,61%,18%) |
#0d2635 |
rgb(13,38,53) |
hsl(203,61%,13%) |
#081721 |
rgb(8,23,33) |
hsl(203,61%,8%) |
#03090c |
rgb(3,9,12) |
hsl(203,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AB089 |
rgb(42,176,137) |
hsl(163,61%,43%) |
#2A7DB0 |
rgb(42,125,176) |
hsl(203,61%,43%) |
#3029B0 |
rgb(48,41,176) |
hsl(243,62%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4BA1D4 |
rgb(75,161,212) |
hsl(202,61%,56%) |
#3091CC |
rgb(48,145,204) |
hsl(203,62%,49%) |
#2A7DB0 |
rgb(42,125,176) |
hsl(203,61%,43%) |
#236993 |
rgb(35,105,147) |
hsl(203,62%,36%) |
#1C5477 |
rgb(28,84,119) |
hsl(203,62%,29%) |
#15405B |
rgb(21,64,91) |
hsl(203,63%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7DB0 |
rgb(42,125,176) |
hsl(203,61%,43%) |
#B0293A |
rgb(176,41,58) |
hsl(352,62%,43%) |
#B0A12A |
rgb(176,161,42) |
hsl(53,61%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7DB0 |
rgb(42,125,176) |
hsl(203,61%,43%) |
#B05C2A |
rgb(176,92,42) |
hsl(22,61%,43%) |
#2AB0A0 |
rgb(42,176,160) |
hsl(173,61%,43%) |
#B0A12A |
rgb(176,161,42) |
hsl(53,61%,43%) |