HEX #2C7DAD color — Jelly Bean
The color #2C7DAD is a dark shade and moderately saturated.
Palette
2C7DAD color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(202,59%,98%) |
#e3f0f8 |
rgb(227,240,248) |
hsl(202,59%,93%) |
#cee5f2 |
rgb(206,229,242) |
hsl(202,59%,88%) |
#badaed |
rgb(186,218,237) |
hsl(202,59%,83%) |
#a6d0e8 |
rgb(166,208,232) |
hsl(202,59%,78%) |
#92c5e3 |
rgb(146,197,227) |
hsl(202,59%,73%) |
#7dbade |
rgb(125,186,222) |
hsl(202,59%,68%) |
#69afd8 |
rgb(105,175,216) |
hsl(202,59%,63%) |
#55a5d3 |
rgb(85,165,211) |
hsl(202,59%,58%) |
#409ace |
rgb(64,154,206) |
hsl(202,59%,53%) |
#328ec3 |
rgb(50,142,195) |
hsl(202,59%,48%) |
#2d7fae |
rgb(45,127,174) |
hsl(202,59%,43%) |
#28709a |
rgb(40,112,154) |
hsl(202,59%,38%) |
#236186 |
rgb(35,97,134) |
hsl(202,59%,33%) |
#1d5372 |
rgb(29,83,114) |
hsl(202,59%,28%) |
#18445d |
rgb(24,68,93) |
hsl(202,59%,23%) |
#133549 |
rgb(19,53,73) |
hsl(202,59%,18%) |
#0e2635 |
rgb(14,38,53) |
hsl(202,59%,13%) |
#081820 |
rgb(8,24,32) |
hsl(202,59%,8%) |
#03090c |
rgb(3,9,12) |
hsl(202,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CAD87 |
rgb(44,173,135) |
hsl(162,59%,43%) |
#2C7DAD |
rgb(44,125,173) |
hsl(202,59%,43%) |
#312BAD |
rgb(49,43,173) |
hsl(243,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4CA1D1 |
rgb(76,161,209) |
hsl(202,59%,56%) |
#3391C8 |
rgb(51,145,200) |
hsl(202,59%,49%) |
#2C7DAD |
rgb(44,125,173) |
hsl(202,59%,43%) |
#246991 |
rgb(36,105,145) |
hsl(202,60%,35%) |
#1D5475 |
rgb(29,84,117) |
hsl(203,60%,29%) |
#164059 |
rgb(22,64,89) |
hsl(202,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7DAD |
rgb(44,125,173) |
hsl(202,59%,43%) |
#AD2B3C |
rgb(173,43,60) |
hsl(352,60%,42%) |
#AD9C2C |
rgb(173,156,44) |
hsl(52,59%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7DAD |
rgb(44,125,173) |
hsl(202,59%,43%) |
#AD5C2C |
rgb(173,92,44) |
hsl(22,59%,43%) |
#2CAD9C |
rgb(44,173,156) |
hsl(172,59%,43%) |
#AD9C2C |
rgb(173,156,44) |
hsl(52,59%,43%) |