HEX #2A78D0 color — Mariner
The color #2A78D0 is a dark shade and moderately saturated.
Palette
2A78D0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,66%,99%) |
#e6effa |
rgb(230,239,250) |
hsl(212,66%,94%) |
#d0e2f5 |
rgb(208,226,245) |
hsl(212,66%,89%) |
#bbd4f1 |
rgb(187,212,241) |
hsl(212,66%,84%) |
#a6c7ed |
rgb(166,199,237) |
hsl(212,66%,79%) |
#91bae8 |
rgb(145,186,232) |
hsl(212,66%,74%) |
#7cace4 |
rgb(124,172,228) |
hsl(212,66%,69%) |
#679fe0 |
rgb(103,159,224) |
hsl(212,66%,64%) |
#5192db |
rgb(81,146,219) |
hsl(212,66%,59%) |
#3c85d7 |
rgb(60,133,215) |
hsl(212,66%,54%) |
#2a77cf |
rgb(42,119,207) |
hsl(212,66%,49%) |
#266bba |
rgb(38,107,186) |
hsl(212,66%,44%) |
#225fa5 |
rgb(34,95,165) |
hsl(212,66%,39%) |
#1d5390 |
rgb(29,83,144) |
hsl(212,66%,34%) |
#19477b |
rgb(25,71,123) |
hsl(212,66%,29%) |
#153b66 |
rgb(21,59,102) |
hsl(212,66%,24%) |
#102e50 |
rgb(16,46,80) |
hsl(212,66%,19%) |
#0c223b |
rgb(12,34,59) |
hsl(212,66%,14%) |
#081626 |
rgb(8,22,38) |
hsl(212,66%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(212,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AD1B9 |
rgb(42,209,185) |
hsl(171,67%,49%) |
#2A78D0 |
rgb(42,120,208) |
hsl(212,66%,49%) |
#4A29D0 |
rgb(74,41,208) |
hsl(252,67%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A1E0 |
rgb(105,161,224) |
hsl(212,66%,65%) |
#478CDA |
rgb(71,140,218) |
hsl(212,67%,57%) |
#2A78D0 |
rgb(42,120,208) |
hsl(212,66%,49%) |
#2366AE |
rgb(35,102,174) |
hsl(211,67%,41%) |
#1C528D |
rgb(28,82,141) |
hsl(211,67%,33%) |
#153D6C |
rgb(21,61,108) |
hsl(212,67%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A78D0 |
rgb(42,120,208) |
hsl(212,66%,49%) |
#D02E2A |
rgb(208,46,42) |
hsl(1,66%,49%) |
#CBD12A |
rgb(203,209,42) |
hsl(62,67%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A78D0 |
rgb(42,120,208) |
hsl(212,66%,49%) |
#D0822A |
rgb(208,130,42) |
hsl(32,66%,49%) |
#2ACCD0 |
rgb(42,204,208) |
hsl(181,66%,49%) |
#CBD12A |
rgb(203,209,42) |
hsl(62,67%,49%) |