HEX #2A78AA color — Jelly Bean
The color #2A78AA is a dark shade and moderately saturated.
Palette
2A78AA color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(203,60%,97%) |
#deedf7 |
rgb(222,237,247) |
hsl(203,60%,92%) |
#cae2f2 |
rgb(202,226,242) |
hsl(203,60%,87%) |
#b6d8ed |
rgb(182,216,237) |
hsl(203,60%,82%) |
#a1cde8 |
rgb(161,205,232) |
hsl(203,60%,77%) |
#8dc2e2 |
rgb(141,194,226) |
hsl(203,60%,72%) |
#78b7dd |
rgb(120,183,221) |
hsl(203,60%,67%) |
#64acd8 |
rgb(100,172,216) |
hsl(203,60%,62%) |
#50a1d3 |
rgb(80,161,211) |
hsl(203,60%,57%) |
#3b96ce |
rgb(59,150,206) |
hsl(203,60%,52%) |
#3089c0 |
rgb(48,137,192) |
hsl(203,60%,47%) |
#2b7aab |
rgb(43,122,171) |
hsl(203,60%,42%) |
#266c97 |
rgb(38,108,151) |
hsl(203,60%,37%) |
#215d83 |
rgb(33,93,131) |
hsl(203,60%,32%) |
#1c4e6e |
rgb(28,78,110) |
hsl(203,60%,27%) |
#16405a |
rgb(22,64,90) |
hsl(203,60%,22%) |
#113145 |
rgb(17,49,69) |
hsl(203,60%,17%) |
#0c2331 |
rgb(12,35,49) |
hsl(203,60%,12%) |
#07141d |
rgb(7,20,29) |
hsl(203,60%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AAB86 |
rgb(42,171,134) |
hsl(163,61%,42%) |
#2A78AA |
rgb(42,120,170) |
hsl(203,60%,42%) |
#3129AA |
rgb(49,41,170) |
hsl(244,61%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#469CD1 |
rgb(70,156,209) |
hsl(203,60%,55%) |
#308CC5 |
rgb(48,140,197) |
hsl(203,61%,48%) |
#2A78AA |
rgb(42,120,170) |
hsl(203,60%,42%) |
#23668E |
rgb(35,102,142) |
hsl(202,60%,35%) |
#1C5273 |
rgb(28,82,115) |
hsl(203,61%,28%) |
#153D58 |
rgb(21,61,88) |
hsl(204,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A78AA |
rgb(42,120,170) |
hsl(203,60%,42%) |
#AA2938 |
rgb(170,41,56) |
hsl(353,61%,41%) |
#AA9C2A |
rgb(170,156,42) |
hsl(53,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A78AA |
rgb(42,120,170) |
hsl(203,60%,42%) |
#AA5C2A |
rgb(170,92,42) |
hsl(23,60%,42%) |
#2AAB9C |
rgb(42,171,156) |
hsl(173,61%,42%) |
#AA9C2A |
rgb(170,156,42) |
hsl(53,60%,42%) |