HEX #2778A9 color — Jelly Bean
The color #2778A9 is a dark shade and moderately saturated.
Palette
2778A9 color palette from light to dark
HEX |
RGB |
HSL |
#eef6fb |
rgb(238,246,251) |
hsl(203,63%,96%) |
#daebf7 |
rgb(218,235,247) |
hsl(203,63%,91%) |
#c5e1f2 |
rgb(197,225,242) |
hsl(203,63%,86%) |
#b0d6ed |
rgb(176,214,237) |
hsl(203,63%,81%) |
#9bcbe8 |
rgb(155,203,232) |
hsl(203,63%,76%) |
#86c0e4 |
rgb(134,192,228) |
hsl(203,63%,71%) |
#72b5df |
rgb(114,181,223) |
hsl(203,63%,66%) |
#5daada |
rgb(93,170,218) |
hsl(203,63%,61%) |
#489fd5 |
rgb(72,159,213) |
hsl(203,63%,56%) |
#3394d1 |
rgb(51,148,209) |
hsl(203,63%,51%) |
#2b87bf |
rgb(43,135,191) |
hsl(203,63%,46%) |
#2778aa |
rgb(39,120,170) |
hsl(203,63%,41%) |
#226996 |
rgb(34,105,150) |
hsl(203,63%,36%) |
#1d5b81 |
rgb(29,91,129) |
hsl(203,63%,31%) |
#194c6c |
rgb(25,76,108) |
hsl(203,63%,26%) |
#143d57 |
rgb(20,61,87) |
hsl(203,63%,21%) |
#0f2f43 |
rgb(15,47,67) |
hsl(203,63%,16%) |
#0a202e |
rgb(10,32,46) |
hsl(203,63%,11%) |
#061219 |
rgb(6,18,25) |
hsl(203,63%,6%) |
#010304 |
rgb(1,3,4) |
hsl(203,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#27A883 |
rgb(39,168,131) |
hsl(163,62%,41%) |
#2778A9 |
rgb(39,120,169) |
hsl(203,63%,41%) |
#2C26A9 |
rgb(44,38,169) |
hsl(243,63%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3F9CD2 |
rgb(63,156,210) |
hsl(202,62%,54%) |
#2D8CC4 |
rgb(45,140,196) |
hsl(202,63%,47%) |
#2778A9 |
rgb(39,120,169) |
hsl(203,63%,41%) |
#20668D |
rgb(32,102,141) |
hsl(201,63%,34%) |
#1A5272 |
rgb(26,82,114) |
hsl(202,63%,27%) |
#143D57 |
rgb(20,61,87) |
hsl(203,63%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778A9 |
rgb(39,120,169) |
hsl(203,63%,41%) |
#A92637 |
rgb(169,38,55) |
hsl(352,63%,41%) |
#A99927 |
rgb(169,153,39) |
hsl(53,63%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778A9 |
rgb(39,120,169) |
hsl(203,63%,41%) |
#A95927 |
rgb(169,89,39) |
hsl(23,63%,41%) |
#27A899 |
rgb(39,168,153) |
hsl(173,62%,41%) |
#A99927 |
rgb(169,153,39) |
hsl(53,63%,41%) |