HEX #2287A2 color — Jelly Bean
The color #2287A2 is a dark shade and moderately saturated.
Palette
2287A2 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 |
#22A367 |
rgb(34,163,103) |
hsl(152,65%,39%) |
#2287A2 |
rgb(34,135,162) |
hsl(193,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%) |
#2287A2 |
rgb(34,135,162) |
hsl(193,65%,38%) |
#1C7088 |
rgb(28,112,136) |
hsl(193,66%,32%) |
#175C6E |
rgb(23,92,110) |
hsl(192,65%,26%) |
#114754 |
rgb(17,71,84) |
hsl(192,66%,20%) |
#0C303A |
rgb(12,48,58) |
hsl(193,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2287A2 |
rgb(34,135,162) |
hsl(193,65%,38%) |
#A22147 |
rgb(162,33,71) |
hsl(342,66%,38%) |
#A27D22 |
rgb(162,125,34) |
hsl(43,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2287A2 |
rgb(34,135,162) |
hsl(193,65%,38%) |
#A23D22 |
rgb(162,61,34) |
hsl(13,65%,38%) |
#22A37D |
rgb(34,163,125) |
hsl(162,65%,39%) |
#A27D22 |
rgb(162,125,34) |
hsl(43,65%,38%) |