HEX #2C70C3 color — Mariner
The color #2C70C3 is a dark shade and moderately saturated.
Palette
2C70C3 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 |
#2CC2B1 |
rgb(44,194,177) |
hsl(173,63%,47%) |
#2C70C3 |
rgb(44,112,195) |
hsl(213,63%,47%) |
#4C2BC3 |
rgb(76,43,195) |
hsl(253,64%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6096DB |
rgb(96,150,219) |
hsl(214,63%,62%) |
#4182D4 |
rgb(65,130,212) |
hsl(213,63%,54%) |
#2C70C3 |
rgb(44,112,195) |
hsl(213,63%,47%) |
#245EA3 |
rgb(36,94,163) |
hsl(213,64%,39%) |
#1D4D84 |
rgb(29,77,132) |
hsl(212,64%,32%) |
#163B65 |
rgb(22,59,101) |
hsl(212,64%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C70C3 |
rgb(44,112,195) |
hsl(213,63%,47%) |
#C3332C |
rgb(195,51,44) |
hsl(3,63%,47%) |
#BBC22C |
rgb(187,194,44) |
hsl(63,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C70C3 |
rgb(44,112,195) |
hsl(213,63%,47%) |
#C3802C |
rgb(195,128,44) |
hsl(33,63%,47%) |
#2CBDC3 |
rgb(44,189,195) |
hsl(182,63%,47%) |
#BBC22C |
rgb(187,194,44) |
hsl(63,63%,47%) |