HEX #2285A1 color — Jelly Bean
The color #2285A1 is a dark shade and moderately saturated.
Palette
2285A1 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(193,65%,98%) |
#e2f4f9 |
rgb(226,244,249) |
hsl(193,65%,93%) |
#cdecf4 |
rgb(205,236,244) |
hsl(193,65%,88%) |
#b7e4f0 |
rgb(183,228,240) |
hsl(193,65%,83%) |
#a2dceb |
rgb(162,220,235) |
hsl(193,65%,78%) |
#8dd4e7 |
rgb(141,212,231) |
hsl(193,65%,73%) |
#78cbe2 |
rgb(120,203,226) |
hsl(193,65%,68%) |
#63c3de |
rgb(99,195,222) |
hsl(193,65%,63%) |
#4ebbda |
rgb(78,187,218) |
hsl(193,65%,58%) |
#39b3d5 |
rgb(57,179,213) |
hsl(193,65%,53%) |
#2ba7ca |
rgb(43,167,202) |
hsl(193,65%,48%) |
#2696b5 |
rgb(38,150,181) |
hsl(193,65%,43%) |
#2285a0 |
rgb(34,133,160) |
hsl(193,65%,38%) |
#1d738b |
rgb(29,115,139) |
hsl(193,65%,33%) |
#196276 |
rgb(25,98,118) |
hsl(193,65%,28%) |
#155061 |
rgb(21,80,97) |
hsl(193,65%,23%) |
#103f4c |
rgb(16,63,76) |
hsl(193,65%,18%) |
#0c2d37 |
rgb(12,45,55) |
hsl(193,65%,13%) |
#071c22 |
rgb(7,28,34) |
hsl(193,65%,8%) |
#030a0d |
rgb(3,10,13) |
hsl(193,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A168 |
rgb(34,161,104) |
hsl(153,65%,38%) |
#2285A1 |
rgb(34,133,161) |
hsl(193,65%,38%) |
#2230A1 |
rgb(34,48,161) |
hsl(233,65%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#279CBA |
rgb(39,156,186) |
hsl(192,65%,44%) |
#2285A1 |
rgb(34,133,161) |
hsl(193,65%,38%) |
#1C7087 |
rgb(28,112,135) |
hsl(193,66%,32%) |
#17596D |
rgb(23,89,109) |
hsl(194,65%,26%) |
#114553 |
rgb(17,69,83) |
hsl(193,66%,20%) |
#0C3039 |
rgb(12,48,57) |
hsl(192,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2285A1 |
rgb(34,133,161) |
hsl(193,65%,38%) |
#A12145 |
rgb(161,33,69) |
hsl(343,66%,38%) |
#A17D22 |
rgb(161,125,34) |
hsl(43,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2285A1 |
rgb(34,133,161) |
hsl(193,65%,38%) |
#A13D22 |
rgb(161,61,34) |
hsl(13,65%,38%) |
#22A17D |
rgb(34,161,125) |
hsl(163,65%,38%) |
#A17D22 |
rgb(161,125,34) |
hsl(43,65%,38%) |