HEX #2D7AAC color — Jelly Bean
The color #2D7AAC is a dark shade and moderately saturated.
Palette
2D7AAC color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(204,59%,98%) |
#e3eff8 |
rgb(227,239,248) |
hsl(204,59%,93%) |
#cee4f2 |
rgb(206,228,242) |
hsl(204,59%,88%) |
#bad9ed |
rgb(186,217,237) |
hsl(204,59%,83%) |
#a6cee8 |
rgb(166,206,232) |
hsl(204,59%,78%) |
#92c2e3 |
rgb(146,194,227) |
hsl(204,59%,73%) |
#7db7de |
rgb(125,183,222) |
hsl(204,59%,68%) |
#69acd8 |
rgb(105,172,216) |
hsl(204,59%,63%) |
#55a1d3 |
rgb(85,161,211) |
hsl(204,59%,58%) |
#4095ce |
rgb(64,149,206) |
hsl(204,59%,53%) |
#3289c3 |
rgb(50,137,195) |
hsl(204,59%,48%) |
#2d7bae |
rgb(45,123,174) |
hsl(204,59%,43%) |
#286c9a |
rgb(40,108,154) |
hsl(204,59%,38%) |
#235e86 |
rgb(35,94,134) |
hsl(204,59%,33%) |
#1d5072 |
rgb(29,80,114) |
hsl(204,59%,28%) |
#18425d |
rgb(24,66,93) |
hsl(204,59%,23%) |
#133349 |
rgb(19,51,73) |
hsl(204,59%,18%) |
#0e2535 |
rgb(14,37,53) |
hsl(204,59%,13%) |
#081720 |
rgb(8,23,32) |
hsl(204,59%,8%) |
#03090c |
rgb(3,9,12) |
hsl(204,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DAB89 |
rgb(45,171,137) |
hsl(164,58%,42%) |
#2D7AAC |
rgb(45,122,172) |
hsl(204,59%,43%) |
#342EAC |
rgb(52,46,172) |
hsl(243,58%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D9ED0 |
rgb(77,158,208) |
hsl(203,58%,56%) |
#348CC7 |
rgb(52,140,199) |
hsl(204,59%,49%) |
#2D7AAC |
rgb(45,122,172) |
hsl(204,59%,43%) |
#256690 |
rgb(37,102,144) |
hsl(204,59%,35%) |
#1E5474 |
rgb(30,84,116) |
hsl(202,59%,29%) |
#174059 |
rgb(23,64,89) |
hsl(203,59%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D7AAC |
rgb(45,122,172) |
hsl(204,59%,43%) |
#AC2E3A |
rgb(172,46,58) |
hsl(354,58%,43%) |
#AC9E2D |
rgb(172,158,45) |
hsl(53,59%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D7AAC |
rgb(45,122,172) |
hsl(204,59%,43%) |
#AC5E2D |
rgb(172,94,45) |
hsl(23,59%,43%) |
#2DAB9E |
rgb(45,171,158) |
hsl(174,58%,42%) |
#AC9E2D |
rgb(172,158,45) |
hsl(53,59%,43%) |