HEX #2F78D4 color — Mariner
The color #2F78D4 is a dark shade and moderately saturated.
Palette
2F78D4 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fc |
rgb(238,244,252) |
hsl(213,66%,96%) |
#d9e7f7 |
rgb(217,231,247) |
hsl(213,66%,91%) |
#c4d9f3 |
rgb(196,217,243) |
hsl(213,66%,86%) |
#afcbef |
rgb(175,203,239) |
hsl(213,66%,81%) |
#99beea |
rgb(153,190,234) |
hsl(213,66%,76%) |
#84b0e6 |
rgb(132,176,230) |
hsl(213,66%,71%) |
#6fa3e2 |
rgb(111,163,226) |
hsl(213,66%,66%) |
#5a95dd |
rgb(90,149,221) |
hsl(213,66%,61%) |
#4587d9 |
rgb(69,135,217) |
hsl(213,66%,56%) |
#307ad5 |
rgb(48,122,213) |
hsl(213,66%,51%) |
#286ec3 |
rgb(40,110,195) |
hsl(213,66%,46%) |
#2462ae |
rgb(36,98,174) |
hsl(213,66%,41%) |
#1f5698 |
rgb(31,86,152) |
hsl(213,66%,36%) |
#1b4a83 |
rgb(27,74,131) |
hsl(213,66%,31%) |
#173e6e |
rgb(23,62,110) |
hsl(213,66%,26%) |
#123259 |
rgb(18,50,89) |
hsl(213,66%,21%) |
#0e2644 |
rgb(14,38,68) |
hsl(213,66%,16%) |
#0a1a2f |
rgb(10,26,47) |
hsl(213,66%,11%) |
#050e19 |
rgb(5,14,25) |
hsl(213,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FD4C2 |
rgb(47,212,194) |
hsl(173,66%,51%) |
#2F78D4 |
rgb(47,120,212) |
hsl(213,66%,51%) |
#542ED4 |
rgb(84,46,212) |
hsl(254,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A6E2 |
rgb(115,166,226) |
hsl(212,66%,67%) |
#518FDB |
rgb(81,143,219) |
hsl(213,66%,59%) |
#2F78D4 |
rgb(47,120,212) |
hsl(213,66%,51%) |
#2563B4 |
rgb(37,99,180) |
hsl(214,66%,43%) |
#1E5291 |
rgb(30,82,145) |
hsl(213,66%,34%) |
#173D6F |
rgb(23,61,111) |
hsl(214,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F78D4 |
rgb(47,120,212) |
hsl(213,66%,51%) |
#D4382F |
rgb(212,56,47) |
hsl(3,66%,51%) |
#CAD42F |
rgb(202,212,47) |
hsl(64,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F78D4 |
rgb(47,120,212) |
hsl(213,66%,51%) |
#D48C2F |
rgb(212,140,47) |
hsl(34,66%,51%) |
#2FC9D4 |
rgb(47,201,212) |
hsl(184,66%,51%) |
#CAD42F |
rgb(202,212,47) |
hsl(64,66%,51%) |