HEX #2A78C4 color — Mariner
The color #2A78C4 is a dark shade and moderately saturated.
Palette
2A78C4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fc |
rgb(242,247,252) |
hsl(210,65%,97%) |
#ddebf8 |
rgb(221,235,248) |
hsl(210,65%,92%) |
#c8def3 |
rgb(200,222,243) |
hsl(210,65%,87%) |
#b3d1ef |
rgb(179,209,239) |
hsl(210,65%,82%) |
#9ec4ea |
rgb(158,196,234) |
hsl(210,65%,77%) |
#89b8e6 |
rgb(137,184,230) |
hsl(210,65%,72%) |
#74abe2 |
rgb(116,171,226) |
hsl(210,65%,67%) |
#5f9edd |
rgb(95,158,221) |
hsl(210,65%,62%) |
#4a91d9 |
rgb(74,145,217) |
hsl(210,65%,57%) |
#3585d4 |
rgb(53,133,212) |
hsl(210,65%,52%) |
#2a78c6 |
rgb(42,120,198) |
hsl(210,65%,47%) |
#256bb1 |
rgb(37,107,177) |
hsl(210,65%,42%) |
#215e9c |
rgb(33,94,156) |
hsl(210,65%,37%) |
#1d5287 |
rgb(29,82,135) |
hsl(210,65%,32%) |
#184572 |
rgb(24,69,114) |
hsl(210,65%,27%) |
#14385d |
rgb(20,56,93) |
hsl(210,65%,22%) |
#0f2b48 |
rgb(15,43,72) |
hsl(210,65%,17%) |
#0b1f32 |
rgb(11,31,50) |
hsl(210,65%,12%) |
#06121d |
rgb(6,18,29) |
hsl(210,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AC4A9 |
rgb(42,196,169) |
hsl(169,65%,47%) |
#2A78C4 |
rgb(42,120,196) |
hsl(210,65%,47%) |
#4229C4 |
rgb(66,41,196) |
hsl(250,65%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5D9EDC |
rgb(93,158,220) |
hsl(209,64%,61%) |
#3E8CD5 |
rgb(62,140,213) |
hsl(209,64%,54%) |
#2A78C4 |
rgb(42,120,196) |
hsl(210,65%,47%) |
#2366A4 |
rgb(35,102,164) |
hsl(209,65%,39%) |
#1C5285 |
rgb(28,82,133) |
hsl(209,65%,32%) |
#153D65 |
rgb(21,61,101) |
hsl(210,66%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A78C4 |
rgb(42,120,196) |
hsl(210,65%,47%) |
#C4292B |
rgb(196,41,43) |
hsl(359,65%,46%) |
#C4C22A |
rgb(196,194,42) |
hsl(59,65%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A78C4 |
rgb(42,120,196) |
hsl(210,65%,47%) |
#C4752A |
rgb(196,117,42) |
hsl(29,65%,47%) |
#2AC4C3 |
rgb(42,196,195) |
hsl(180,65%,47%) |
#C4C22A |
rgb(196,194,42) |
hsl(59,65%,47%) |