HEX #2D7AAF color — Jelly Bean
The color #2D7AAF is a dark shade and moderately saturated.
Palette
2D7AAF 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 |
#2DB08D |
rgb(45,176,141) |
hsl(164,59%,43%) |
#2D7AAF |
rgb(45,122,175) |
hsl(204,59%,43%) |
#362EAF |
rgb(54,46,175) |
hsl(244,58%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#509ED2 |
rgb(80,158,210) |
hsl(204,59%,57%) |
#348CCA |
rgb(52,140,202) |
hsl(205,59%,50%) |
#2D7AAF |
rgb(45,122,175) |
hsl(204,59%,43%) |
#256693 |
rgb(37,102,147) |
hsl(205,60%,36%) |
#1E5477 |
rgb(30,84,119) |
hsl(204,60%,29%) |
#17405B |
rgb(23,64,91) |
hsl(204,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D7AAF |
rgb(45,122,175) |
hsl(204,59%,43%) |
#AF2E39 |
rgb(175,46,57) |
hsl(355,58%,43%) |
#AFA32D |
rgb(175,163,45) |
hsl(54,59%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D7AAF |
rgb(45,122,175) |
hsl(204,59%,43%) |
#AF612D |
rgb(175,97,45) |
hsl(24,59%,43%) |
#2DB0A3 |
rgb(45,176,163) |
hsl(174,59%,43%) |
#AFA32D |
rgb(175,163,45) |
hsl(54,59%,43%) |