HEX #2285A2 color — Jelly Bean
The color #2285A2 is a dark shade and moderately saturated.
Palette
2285A2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(194,65%,98%) |
#e2f3f9 |
rgb(226,243,249) |
hsl(194,65%,93%) |
#cdebf4 |
rgb(205,235,244) |
hsl(194,65%,88%) |
#b7e3f0 |
rgb(183,227,240) |
hsl(194,65%,83%) |
#a2daeb |
rgb(162,218,235) |
hsl(194,65%,78%) |
#8dd2e7 |
rgb(141,210,231) |
hsl(194,65%,73%) |
#78cae2 |
rgb(120,202,226) |
hsl(194,65%,68%) |
#63c1de |
rgb(99,193,222) |
hsl(194,65%,63%) |
#4eb9da |
rgb(78,185,218) |
hsl(194,65%,58%) |
#39b1d5 |
rgb(57,177,213) |
hsl(194,65%,53%) |
#2ba5ca |
rgb(43,165,202) |
hsl(194,65%,48%) |
#2694b5 |
rgb(38,148,181) |
hsl(194,65%,43%) |
#2282a0 |
rgb(34,130,160) |
hsl(194,65%,38%) |
#1d718b |
rgb(29,113,139) |
hsl(194,65%,33%) |
#196076 |
rgb(25,96,118) |
hsl(194,65%,28%) |
#154f61 |
rgb(21,79,97) |
hsl(194,65%,23%) |
#103e4c |
rgb(16,62,76) |
hsl(194,65%,18%) |
#0c2d37 |
rgb(12,45,55) |
hsl(194,65%,13%) |
#071b22 |
rgb(7,27,34) |
hsl(194,65%,8%) |
#030a0d |
rgb(3,10,13) |
hsl(194,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A369 |
rgb(34,163,105) |
hsl(153,65%,39%) |
#2285A2 |
rgb(34,133,162) |
hsl(194,65%,38%) |
#2230A2 |
rgb(34,48,162) |
hsl(233,65%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#279CBB |
rgb(39,156,187) |
hsl(193,65%,44%) |
#2285A2 |
rgb(34,133,162) |
hsl(194,65%,38%) |
#1C7088 |
rgb(28,112,136) |
hsl(193,66%,32%) |
#17596E |
rgb(23,89,110) |
hsl(194,65%,26%) |
#114554 |
rgb(17,69,84) |
hsl(193,66%,20%) |
#0C303A |
rgb(12,48,58) |
hsl(193,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2285A2 |
rgb(34,133,162) |
hsl(194,65%,38%) |
#A22145 |
rgb(162,33,69) |
hsl(343,66%,38%) |
#A28022 |
rgb(162,128,34) |
hsl(44,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2285A2 |
rgb(34,133,162) |
hsl(194,65%,38%) |
#A24022 |
rgb(162,64,34) |
hsl(14,65%,38%) |
#22A37F |
rgb(34,163,127) |
hsl(163,65%,39%) |
#A28022 |
rgb(162,128,34) |
hsl(44,65%,38%) |