HEX #2C70C4 color — Mariner
The color #2C70C4 is a dark shade and moderately saturated.
Palette
2C70C4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(213,63%,97%) |
#dee9f7 |
rgb(222,233,247) |
hsl(213,63%,92%) |
#c9dcf3 |
rgb(201,220,243) |
hsl(213,63%,87%) |
#b4ceee |
rgb(180,206,238) |
hsl(213,63%,82%) |
#9fc1e9 |
rgb(159,193,233) |
hsl(213,63%,77%) |
#8bb3e5 |
rgb(139,179,229) |
hsl(213,63%,72%) |
#76a6e0 |
rgb(118,166,224) |
hsl(213,63%,67%) |
#6198db |
rgb(97,152,219) |
hsl(213,63%,62%) |
#4c8ad6 |
rgb(76,138,214) |
hsl(213,63%,57%) |
#377dd2 |
rgb(55,125,210) |
hsl(213,63%,52%) |
#2c70c3 |
rgb(44,112,195) |
hsl(213,63%,47%) |
#2864af |
rgb(40,100,175) |
hsl(213,63%,42%) |
#23589a |
rgb(35,88,154) |
hsl(213,63%,37%) |
#1e4c85 |
rgb(30,76,133) |
hsl(213,63%,32%) |
#194170 |
rgb(25,65,112) |
hsl(213,63%,27%) |
#15355b |
rgb(21,53,91) |
hsl(213,63%,22%) |
#102947 |
rgb(16,41,71) |
hsl(213,63%,17%) |
#0b1d32 |
rgb(11,29,50) |
hsl(213,63%,12%) |
#07111d |
rgb(7,17,29) |
hsl(213,63%,7%) |
#020508 |
rgb(2,5,8) |
hsl(213,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CC4B2 |
rgb(44,196,178) |
hsl(173,63%,47%) |
#2C70C4 |
rgb(44,112,196) |
hsl(213,63%,47%) |
#4D2BC4 |
rgb(77,43,196) |
hsl(253,64%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6199DB |
rgb(97,153,219) |
hsl(212,63%,62%) |
#4185D4 |
rgb(65,133,212) |
hsl(212,63%,54%) |
#2C70C4 |
rgb(44,112,196) |
hsl(213,63%,47%) |
#245EA4 |
rgb(36,94,164) |
hsl(213,64%,39%) |
#1D4D85 |
rgb(29,77,133) |
hsl(212,64%,32%) |
#163B65 |
rgb(22,59,101) |
hsl(212,64%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C70C4 |
rgb(44,112,196) |
hsl(213,63%,47%) |
#C4332C |
rgb(196,51,44) |
hsl(3,63%,47%) |
#BCC42C |
rgb(188,196,44) |
hsl(63,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C70C4 |
rgb(44,112,196) |
hsl(213,63%,47%) |
#C4802C |
rgb(196,128,44) |
hsl(33,63%,47%) |
#2CBDC4 |
rgb(44,189,196) |
hsl(183,63%,47%) |
#BCC42C |
rgb(188,196,44) |
hsl(63,63%,47%) |