HEX #2276A0 color — Jelly Bean
The color #2276a0 is a dark shade and moderately saturated.
Palette
2276a0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(200,65%,98%) |
#e2f1f9 |
rgb(226,241,249) |
hsl(200,65%,93%) |
#cde7f4 |
rgb(205,231,244) |
hsl(200,65%,88%) |
#b7ddf0 |
rgb(183,221,240) |
hsl(200,65%,83%) |
#a2d3eb |
rgb(162,211,235) |
hsl(200,65%,78%) |
#8dc9e7 |
rgb(141,201,231) |
hsl(200,65%,73%) |
#78bfe2 |
rgb(120,191,226) |
hsl(200,65%,68%) |
#63b5de |
rgb(99,181,222) |
hsl(200,65%,63%) |
#4eabda |
rgb(78,171,218) |
hsl(200,65%,58%) |
#39a1d5 |
rgb(57,161,213) |
hsl(200,65%,53%) |
#2b95ca |
rgb(43,149,202) |
hsl(200,65%,48%) |
#2685b5 |
rgb(38,133,181) |
hsl(200,65%,43%) |
#2276a0 |
rgb(34,118,160) |
hsl(200,65%,38%) |
#1d668b |
rgb(29,102,139) |
hsl(200,65%,33%) |
#195776 |
rgb(25,87,118) |
hsl(200,65%,28%) |
#154761 |
rgb(21,71,97) |
hsl(200,65%,23%) |
#10384c |
rgb(16,56,76) |
hsl(200,65%,18%) |
#0c2837 |
rgb(12,40,55) |
hsl(200,65%,13%) |
#071922 |
rgb(7,25,34) |
hsl(200,65%,8%) |
#03090d |
rgb(3,9,13) |
hsl(200,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A176 |
rgb(34,161,118) |
hsl(160,65%,38%) |
#2276A0 |
rgb(34,118,160) |
hsl(200,65%,38%) |
#2221A0 |
rgb(34,33,160) |
hsl(240,66%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278AB9 |
rgb(39,138,185) |
hsl(199,65%,44%) |
#2276A0 |
rgb(34,118,160) |
hsl(200,65%,38%) |
#1C6386 |
rgb(28,99,134) |
hsl(200,65%,32%) |
#174F6C |
rgb(23,79,108) |
hsl(200,65%,26%) |
#113D53 |
rgb(17,61,83) |
hsl(200,66%,20%) |
#0C2B39 |
rgb(12,43,57) |
hsl(199,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2276A0 |
rgb(34,118,160) |
hsl(200,65%,38%) |
#A02137 |
rgb(160,33,55) |
hsl(350,66%,38%) |
#A08C22 |
rgb(160,140,34) |
hsl(50,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2276A0 |
rgb(34,118,160) |
hsl(200,65%,38%) |
#A04D22 |
rgb(160,77,34) |
hsl(20,65%,38%) |
#22A18B |
rgb(34,161,139) |
hsl(170,65%,38%) |
#A08C22 |
rgb(160,140,34) |
hsl(50,65%,38%) |