HEX #2778AD color — Jelly Bean
The color #2778AD is a dark shade and moderately saturated.
Palette
2778AD color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(204,63%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(204,63%,92%) |
#c9e2f3 |
rgb(201,226,243) |
hsl(204,63%,87%) |
#b4d7ee |
rgb(180,215,238) |
hsl(204,63%,82%) |
#9fcce9 |
rgb(159,204,233) |
hsl(204,63%,77%) |
#8bc1e5 |
rgb(139,193,229) |
hsl(204,63%,72%) |
#76b5e0 |
rgb(118,181,224) |
hsl(204,63%,67%) |
#61aadb |
rgb(97,170,219) |
hsl(204,63%,62%) |
#4c9fd6 |
rgb(76,159,214) |
hsl(204,63%,57%) |
#3794d2 |
rgb(55,148,210) |
hsl(204,63%,52%) |
#2c87c3 |
rgb(44,135,195) |
hsl(204,63%,47%) |
#2879af |
rgb(40,121,175) |
hsl(204,63%,42%) |
#236a9a |
rgb(35,106,154) |
hsl(204,63%,37%) |
#1e5c85 |
rgb(30,92,133) |
hsl(204,63%,32%) |
#194e70 |
rgb(25,78,112) |
hsl(204,63%,27%) |
#153f5b |
rgb(21,63,91) |
hsl(204,63%,22%) |
#103147 |
rgb(16,49,71) |
hsl(204,63%,17%) |
#0b2232 |
rgb(11,34,50) |
hsl(204,63%,12%) |
#07141d |
rgb(7,20,29) |
hsl(204,63%,7%) |
#020608 |
rgb(2,6,8) |
hsl(204,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#27AD88 |
rgb(39,173,136) |
hsl(163,63%,42%) |
#2778AD |
rgb(39,120,173) |
hsl(204,63%,42%) |
#2F26AD |
rgb(47,38,173) |
hsl(244,64%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#439CD4 |
rgb(67,156,212) |
hsl(203,63%,55%) |
#2D8CC8 |
rgb(45,140,200) |
hsl(203,63%,48%) |
#2778AD |
rgb(39,120,173) |
hsl(204,63%,42%) |
#206691 |
rgb(32,102,145) |
hsl(203,64%,35%) |
#1A5275 |
rgb(26,82,117) |
hsl(203,64%,28%) |
#143D59 |
rgb(20,61,89) |
hsl(204,63%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778AD |
rgb(39,120,173) |
hsl(204,63%,42%) |
#AD2635 |
rgb(173,38,53) |
hsl(353,64%,41%) |
#AD9E27 |
rgb(173,158,39) |
hsl(53,63%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778AD |
rgb(39,120,173) |
hsl(204,63%,42%) |
#AD5C27 |
rgb(173,92,39) |
hsl(24,63%,42%) |
#27AD9F |
rgb(39,173,159) |
hsl(174,63%,42%) |
#AD9E27 |
rgb(173,158,39) |
hsl(53,63%,42%) |