HEX #2B7AAD color — Jelly Bean
The color #2B7AAD is a dark shade and moderately saturated.
Palette
2B7AAD color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(204,60%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(204,60%,92%) |
#cae2f2 |
rgb(202,226,242) |
hsl(204,60%,87%) |
#b6d7ed |
rgb(182,215,237) |
hsl(204,60%,82%) |
#a1cbe8 |
rgb(161,203,232) |
hsl(204,60%,77%) |
#8dc0e2 |
rgb(141,192,226) |
hsl(204,60%,72%) |
#78b5dd |
rgb(120,181,221) |
hsl(204,60%,67%) |
#64aad8 |
rgb(100,170,216) |
hsl(204,60%,62%) |
#509fd3 |
rgb(80,159,211) |
hsl(204,60%,57%) |
#3b93ce |
rgb(59,147,206) |
hsl(204,60%,52%) |
#3086c0 |
rgb(48,134,192) |
hsl(204,60%,47%) |
#2b78ab |
rgb(43,120,171) |
hsl(204,60%,42%) |
#266a97 |
rgb(38,106,151) |
hsl(204,60%,37%) |
#215b83 |
rgb(33,91,131) |
hsl(204,60%,32%) |
#1c4d6e |
rgb(28,77,110) |
hsl(204,60%,27%) |
#163f5a |
rgb(22,63,90) |
hsl(204,60%,22%) |
#113145 |
rgb(17,49,69) |
hsl(204,60%,17%) |
#0c2231 |
rgb(12,34,49) |
hsl(204,60%,12%) |
#07141d |
rgb(7,20,29) |
hsl(204,60%,7%) |
#020608 |
rgb(2,6,8) |
hsl(204,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BAD89 |
rgb(43,173,137) |
hsl(163,60%,42%) |
#2B7AAD |
rgb(43,122,173) |
hsl(204,60%,42%) |
#322BAD |
rgb(50,43,173) |
hsl(243,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A9ED2 |
rgb(74,158,210) |
hsl(203,60%,56%) |
#318CC8 |
rgb(49,140,200) |
hsl(204,61%,49%) |
#2B7AAD |
rgb(43,122,173) |
hsl(204,60%,42%) |
#246691 |
rgb(36,102,145) |
hsl(204,60%,35%) |
#1D5475 |
rgb(29,84,117) |
hsl(203,60%,29%) |
#164059 |
rgb(22,64,89) |
hsl(202,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B7AAD |
rgb(43,122,173) |
hsl(204,60%,42%) |
#AD2B39 |
rgb(173,43,57) |
hsl(354,60%,42%) |
#AD9E2B |
rgb(173,158,43) |
hsl(53,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B7AAD |
rgb(43,122,173) |
hsl(204,60%,42%) |
#AD5E2B |
rgb(173,94,43) |
hsl(24,60%,42%) |
#2BAD9F |
rgb(43,173,159) |
hsl(174,60%,42%) |
#AD9E2B |
rgb(173,158,43) |
hsl(53,60%,42%) |