HEX #2F78D3 color — Mariner
The color #2F78D3 is a dark shade and moderately saturated.
Palette
2F78D3 color palette from light to dark
HEX |
RGB |
HSL |
#eef4fb |
rgb(238,244,251) |
hsl(213,65%,96%) |
#d9e7f7 |
rgb(217,231,247) |
hsl(213,65%,91%) |
#c4d9f3 |
rgb(196,217,243) |
hsl(213,65%,86%) |
#afcbee |
rgb(175,203,238) |
hsl(213,65%,81%) |
#9abeea |
rgb(154,190,234) |
hsl(213,65%,76%) |
#85b0e5 |
rgb(133,176,229) |
hsl(213,65%,71%) |
#70a3e1 |
rgb(112,163,225) |
hsl(213,65%,66%) |
#5b95dc |
rgb(91,149,220) |
hsl(213,65%,61%) |
#4688d8 |
rgb(70,136,216) |
hsl(213,65%,56%) |
#317ad3 |
rgb(49,122,211) |
hsl(213,65%,51%) |
#296ec2 |
rgb(41,110,194) |
hsl(213,65%,46%) |
#2562ad |
rgb(37,98,173) |
hsl(213,65%,41%) |
#205697 |
rgb(32,86,151) |
hsl(213,65%,36%) |
#1c4a82 |
rgb(28,74,130) |
hsl(213,65%,31%) |
#173e6d |
rgb(23,62,109) |
hsl(213,65%,26%) |
#133258 |
rgb(19,50,88) |
hsl(213,65%,21%) |
#0e2643 |
rgb(14,38,67) |
hsl(213,65%,16%) |
#0a1a2e |
rgb(10,26,46) |
hsl(213,65%,11%) |
#050e19 |
rgb(5,14,25) |
hsl(213,65%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FD4C0 |
rgb(47,212,192) |
hsl(173,66%,51%) |
#2F78D3 |
rgb(47,120,211) |
hsl(213,65%,51%) |
#532ED3 |
rgb(83,46,211) |
hsl(253,65%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A3E1 |
rgb(115,163,225) |
hsl(214,65%,67%) |
#518FDA |
rgb(81,143,218) |
hsl(213,65%,59%) |
#2F78D3 |
rgb(47,120,211) |
hsl(213,65%,51%) |
#2563B2 |
rgb(37,99,178) |
hsl(214,66%,42%) |
#1E5290 |
rgb(30,82,144) |
hsl(213,66%,34%) |
#173D6E |
rgb(23,61,110) |
hsl(214,65%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F78D3 |
rgb(47,120,211) |
hsl(213,65%,51%) |
#D3382F |
rgb(211,56,47) |
hsl(3,65%,51%) |
#CAD42F |
rgb(202,212,47) |
hsl(64,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F78D3 |
rgb(47,120,211) |
hsl(213,65%,51%) |
#D38A2F |
rgb(211,138,47) |
hsl(33,65%,51%) |
#2FC9D3 |
rgb(47,201,211) |
hsl(184,65%,51%) |
#CAD42F |
rgb(202,212,47) |
hsl(64,66%,51%) |