HEX #2C6BC4 color — Mariner
The color #2C6BC4 is a dark shade and moderately saturated.
Palette
2C6BC4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(215,63%,97%) |
#dee8f7 |
rgb(222,232,247) |
hsl(215,63%,92%) |
#c9daf3 |
rgb(201,218,243) |
hsl(215,63%,87%) |
#b4ccee |
rgb(180,204,238) |
hsl(215,63%,82%) |
#9fbee9 |
rgb(159,190,233) |
hsl(215,63%,77%) |
#8bb0e5 |
rgb(139,176,229) |
hsl(215,63%,72%) |
#76a2e0 |
rgb(118,162,224) |
hsl(215,63%,67%) |
#6194db |
rgb(97,148,219) |
hsl(215,63%,62%) |
#4c86d6 |
rgb(76,134,214) |
hsl(215,63%,57%) |
#3778d2 |
rgb(55,120,210) |
hsl(215,63%,52%) |
#2c6bc3 |
rgb(44,107,195) |
hsl(215,63%,47%) |
#2860af |
rgb(40,96,175) |
hsl(215,63%,42%) |
#23549a |
rgb(35,84,154) |
hsl(215,63%,37%) |
#1e4985 |
rgb(30,73,133) |
hsl(215,63%,32%) |
#193e70 |
rgb(25,62,112) |
hsl(215,63%,27%) |
#15325b |
rgb(21,50,91) |
hsl(215,63%,22%) |
#102747 |
rgb(16,39,71) |
hsl(215,63%,17%) |
#0b1b32 |
rgb(11,27,50) |
hsl(215,63%,12%) |
#07101d |
rgb(7,16,29) |
hsl(215,63%,7%) |
#020508 |
rgb(2,5,8) |
hsl(215,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CC4B7 |
rgb(44,196,183) |
hsl(175,63%,47%) |
#2C6BC4 |
rgb(44,107,196) |
hsl(215,63%,47%) |
#522BC4 |
rgb(82,43,196) |
hsl(255,64%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6194DB |
rgb(97,148,219) |
hsl(215,63%,62%) |
#4180D4 |
rgb(65,128,212) |
hsl(214,63%,54%) |
#2C6BC4 |
rgb(44,107,196) |
hsl(215,63%,47%) |
#2459A4 |
rgb(36,89,164) |
hsl(215,64%,39%) |
#1D4A85 |
rgb(29,74,133) |
hsl(214,64%,32%) |
#163865 |
rgb(22,56,101) |
hsl(214,64%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C6BC4 |
rgb(44,107,196) |
hsl(215,63%,47%) |
#C4382C |
rgb(196,56,44) |
hsl(5,63%,47%) |
#B7C42C |
rgb(183,196,44) |
hsl(65,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C6BC4 |
rgb(44,107,196) |
hsl(215,63%,47%) |
#C4852C |
rgb(196,133,44) |
hsl(35,63%,47%) |
#2CB8C4 |
rgb(44,184,196) |
hsl(185,63%,47%) |
#B7C42C |
rgb(183,196,44) |
hsl(65,63%,47%) |