HEX #2F70C4 color — Mariner
The color #2F70C4 is a dark shade and moderately saturated.
Palette
2F70C4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(214,61%,98%) |
#e2ecf8 |
rgb(226,236,248) |
hsl(214,61%,93%) |
#cedef3 |
rgb(206,222,243) |
hsl(214,61%,88%) |
#b9d0ee |
rgb(185,208,238) |
hsl(214,61%,83%) |
#a5c2e9 |
rgb(165,194,233) |
hsl(214,61%,78%) |
#90b5e4 |
rgb(144,181,228) |
hsl(214,61%,73%) |
#7ca7df |
rgb(124,167,223) |
hsl(214,61%,68%) |
#6799da |
rgb(103,153,218) |
hsl(214,61%,63%) |
#538bd5 |
rgb(83,139,213) |
hsl(214,61%,58%) |
#3e7dd0 |
rgb(62,125,208) |
hsl(214,61%,53%) |
#3070c5 |
rgb(48,112,197) |
hsl(214,61%,48%) |
#2b65b1 |
rgb(43,101,177) |
hsl(214,61%,43%) |
#26599c |
rgb(38,89,156) |
hsl(214,61%,38%) |
#214d87 |
rgb(33,77,135) |
hsl(214,61%,33%) |
#1c4273 |
rgb(28,66,115) |
hsl(214,61%,28%) |
#17365e |
rgb(23,54,94) |
hsl(214,61%,23%) |
#122a4a |
rgb(18,42,74) |
hsl(214,61%,18%) |
#0d1e35 |
rgb(13,30,53) |
hsl(214,61%,13%) |
#081321 |
rgb(8,19,33) |
hsl(214,61%,8%) |
#03070c |
rgb(3,7,12) |
hsl(214,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FC4B4 |
rgb(47,196,180) |
hsl(174,61%,48%) |
#2F70C4 |
rgb(47,112,196) |
hsl(214,61%,48%) |
#512EC4 |
rgb(81,46,196) |
hsl(254,62%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6699DA |
rgb(102,153,218) |
hsl(214,61%,63%) |
#4785D2 |
rgb(71,133,210) |
hsl(213,61%,55%) |
#2F70C4 |
rgb(47,112,196) |
hsl(214,61%,48%) |
#275EA4 |
rgb(39,94,164) |
hsl(214,62%,40%) |
#1F4D85 |
rgb(31,77,133) |
hsl(213,62%,32%) |
#183B65 |
rgb(24,59,101) |
hsl(213,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F70C4 |
rgb(47,112,196) |
hsl(214,61%,48%) |
#C4382F |
rgb(196,56,47) |
hsl(4,61%,48%) |
#BAC42F |
rgb(186,196,47) |
hsl(64,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F70C4 |
rgb(47,112,196) |
hsl(214,61%,48%) |
#C4822F |
rgb(196,130,47) |
hsl(33,61%,48%) |
#2FBAC4 |
rgb(47,186,196) |
hsl(184,61%,48%) |
#BAC42F |
rgb(186,196,47) |
hsl(64,61%,48%) |