HEX #2778B2 color — Jelly Bean
The color #2778B2 is a dark shade and moderately saturated.
Palette
2778B2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,64%,98%) |
#e2eff9 |
rgb(226,239,249) |
hsl(205,64%,93%) |
#cde4f4 |
rgb(205,228,244) |
hsl(205,64%,88%) |
#b8d8ef |
rgb(184,216,239) |
hsl(205,64%,83%) |
#a3cdeb |
rgb(163,205,235) |
hsl(205,64%,78%) |
#8ec1e6 |
rgb(142,193,230) |
hsl(205,64%,73%) |
#79b6e2 |
rgb(121,182,226) |
hsl(205,64%,68%) |
#64abdd |
rgb(100,171,221) |
hsl(205,64%,63%) |
#4f9fd8 |
rgb(79,159,216) |
hsl(205,64%,58%) |
#3a94d4 |
rgb(58,148,212) |
hsl(205,64%,53%) |
#2c87c9 |
rgb(44,135,201) |
hsl(205,64%,48%) |
#2779b4 |
rgb(39,121,180) |
hsl(205,64%,43%) |
#236b9f |
rgb(35,107,159) |
hsl(205,64%,38%) |
#1e5d8a |
rgb(30,93,138) |
hsl(205,64%,33%) |
#1a4f75 |
rgb(26,79,117) |
hsl(205,64%,28%) |
#154160 |
rgb(21,65,96) |
hsl(205,64%,23%) |
#11334b |
rgb(17,51,75) |
hsl(205,64%,18%) |
#0c2536 |
rgb(12,37,54) |
hsl(205,64%,13%) |
#071721 |
rgb(7,23,33) |
hsl(205,64%,8%) |
#03080d |
rgb(3,8,13) |
hsl(205,64%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#27B38F |
rgb(39,179,143) |
hsl(165,64%,43%) |
#2778B2 |
rgb(39,120,178) |
hsl(205,64%,43%) |
#3226B2 |
rgb(50,38,178) |
hsl(245,65%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#479CD6 |
rgb(71,156,214) |
hsl(204,64%,56%) |
#2D8CCE |
rgb(45,140,206) |
hsl(205,64%,49%) |
#2778B2 |
rgb(39,120,178) |
hsl(205,64%,43%) |
#206695 |
rgb(32,102,149) |
hsl(204,65%,35%) |
#1A5279 |
rgb(26,82,121) |
hsl(205,65%,29%) |
#143D5C |
rgb(20,61,92) |
hsl(206,64%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778B2 |
rgb(39,120,178) |
hsl(205,64%,43%) |
#B22632 |
rgb(178,38,50) |
hsl(355,65%,42%) |
#B2A627 |
rgb(178,166,39) |
hsl(55,64%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778B2 |
rgb(39,120,178) |
hsl(205,64%,43%) |
#B26127 |
rgb(178,97,39) |
hsl(25,64%,43%) |
#27B3A6 |
rgb(39,179,166) |
hsl(174,64%,43%) |
#B2A627 |
rgb(178,166,39) |
hsl(55,64%,43%) |