HEX #2B84A1 color — Jelly Bean
The color #2b84a1 is a dark shade and moderately saturated.
Palette
2b84a1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(195,58%,95%) |
#d7edf4 |
rgb(215,237,244) |
hsl(195,58%,90%) |
#c3e4ef |
rgb(195,228,239) |
hsl(195,58%,85%) |
#aedbea |
rgb(174,219,234) |
hsl(195,58%,80%) |
#9ad2e4 |
rgb(154,210,228) |
hsl(195,58%,75%) |
#86c9df |
rgb(134,201,223) |
hsl(195,58%,70%) |
#72c0da |
rgb(114,192,218) |
hsl(195,58%,65%) |
#5eb7d4 |
rgb(94,183,212) |
hsl(195,58%,60%) |
#4aaecf |
rgb(74,174,207) |
hsl(195,58%,55%) |
#36a4c9 |
rgb(54,164,201) |
hsl(195,58%,50%) |
#3094b5 |
rgb(48,148,181) |
hsl(195,58%,45%) |
#2b84a1 |
rgb(43,132,161) |
hsl(195,58%,40%) |
#25738d |
rgb(37,115,141) |
hsl(195,58%,35%) |
#206379 |
rgb(32,99,121) |
hsl(195,58%,30%) |
#1b5265 |
rgb(27,82,101) |
hsl(195,58%,25%) |
#154251 |
rgb(21,66,81) |
hsl(195,58%,20%) |
#10313c |
rgb(16,49,60) |
hsl(195,58%,15%) |
#0b2128 |
rgb(11,33,40) |
hsl(195,58%,10%) |
#051014 |
rgb(5,16,20) |
hsl(195,58%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BA16F |
rgb(43,161,111) |
hsl(155,58%,40%) |
#2B84A1 |
rgb(43,132,161) |
hsl(195,58%,40%) |
#2B36A1 |
rgb(43,54,161) |
hsl(234,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#41ABCC |
rgb(65,171,204) |
hsl(194,58%,53%) |
#3199BA |
rgb(49,153,186) |
hsl(194,58%,46%) |
#2B84A1 |
rgb(43,132,161) |
hsl(195,58%,40%) |
#246E87 |
rgb(36,110,135) |
hsl(195,58%,34%) |
#1D596D |
rgb(29,89,109) |
hsl(195,58%,27%) |
#164553 |
rgb(22,69,83) |
hsl(194,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B84A1 |
rgb(43,132,161) |
hsl(195,58%,40%) |
#A12B49 |
rgb(161,43,73) |
hsl(345,58%,40%) |
#A1822B |
rgb(161,130,43) |
hsl(44,58%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B84A1 |
rgb(43,132,161) |
hsl(195,58%,40%) |
#A1472B |
rgb(161,71,43) |
hsl(14,58%,40%) |
#2BA183 |
rgb(43,161,131) |
hsl(165,58%,40%) |
#A1822B |
rgb(161,130,43) |
hsl(44,58%,40%) |