HEX #2778A3 color — Jelly Bean
The color #2778A3 is a dark shade and moderately saturated.
Palette
2778A3 color palette from light to dark
HEX |
RGB |
HSL |
#eaf5fa |
rgb(234,245,250) |
hsl(201,61%,95%) |
#d6eaf5 |
rgb(214,234,245) |
hsl(201,61%,90%) |
#c1e0f0 |
rgb(193,224,240) |
hsl(201,61%,85%) |
#add5eb |
rgb(173,213,235) |
hsl(201,61%,80%) |
#98cbe6 |
rgb(152,203,230) |
hsl(201,61%,75%) |
#84c0e1 |
rgb(132,192,225) |
hsl(201,61%,70%) |
#6fb6dc |
rgb(111,182,220) |
hsl(201,61%,65%) |
#5bacd7 |
rgb(91,172,215) |
hsl(201,61%,60%) |
#46a1d2 |
rgb(70,161,210) |
hsl(201,61%,55%) |
#3297cd |
rgb(50,151,205) |
hsl(201,61%,50%) |
#2d88b9 |
rgb(45,136,185) |
hsl(201,61%,45%) |
#2879a4 |
rgb(40,121,164) |
hsl(201,61%,40%) |
#236a90 |
rgb(35,106,144) |
hsl(201,61%,35%) |
#1e5a7b |
rgb(30,90,123) |
hsl(201,61%,30%) |
#194b67 |
rgb(25,75,103) |
hsl(201,61%,25%) |
#143c52 |
rgb(20,60,82) |
hsl(201,61%,20%) |
#0f2d3e |
rgb(15,45,62) |
hsl(201,61%,15%) |
#0a1e29 |
rgb(10,30,41) |
hsl(201,61%,10%) |
#050f15 |
rgb(5,15,21) |
hsl(201,61%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#27A37B |
rgb(39,163,123) |
hsl(161,61%,40%) |
#2778A3 |
rgb(39,120,163) |
hsl(201,61%,40%) |
#2826A3 |
rgb(40,38,163) |
hsl(241,62%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2D8CBD |
rgb(45,140,189) |
hsl(200,62%,46%) |
#2778A3 |
rgb(39,120,163) |
hsl(201,61%,40%) |
#206688 |
rgb(32,102,136) |
hsl(200,62%,33%) |
#1A526E |
rgb(26,82,110) |
hsl(200,62%,27%) |
#143D54 |
rgb(20,61,84) |
hsl(202,62%,20%) |
#0E2B3A |
rgb(14,43,58) |
hsl(200,61%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778A3 |
rgb(39,120,163) |
hsl(201,61%,40%) |
#A3263A |
rgb(163,38,58) |
hsl(350,62%,39%) |
#A38F27 |
rgb(163,143,39) |
hsl(50,61%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778A3 |
rgb(39,120,163) |
hsl(201,61%,40%) |
#A35227 |
rgb(163,82,39) |
hsl(21,61%,40%) |
#27A390 |
rgb(39,163,144) |
hsl(171,61%,40%) |
#A38F27 |
rgb(163,143,39) |
hsl(50,61%,40%) |