HEX #2C63C5 color — Mariner
The color #2C63C5 is a dark shade and moderately saturated.
Palette
2C63C5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(218,63%,97%) |
#dee7f7 |
rgb(222,231,247) |
hsl(218,63%,92%) |
#c9d8f3 |
rgb(201,216,243) |
hsl(218,63%,87%) |
#b4c9ee |
rgb(180,201,238) |
hsl(218,63%,82%) |
#9fbae9 |
rgb(159,186,233) |
hsl(218,63%,77%) |
#8bace5 |
rgb(139,172,229) |
hsl(218,63%,72%) |
#769de0 |
rgb(118,157,224) |
hsl(218,63%,67%) |
#618edb |
rgb(97,142,219) |
hsl(218,63%,62%) |
#4c7fd6 |
rgb(76,127,214) |
hsl(218,63%,57%) |
#3770d2 |
rgb(55,112,210) |
hsl(218,63%,52%) |
#2c64c3 |
rgb(44,100,195) |
hsl(218,63%,47%) |
#2859af |
rgb(40,89,175) |
hsl(218,63%,42%) |
#234e9a |
rgb(35,78,154) |
hsl(218,63%,37%) |
#1e4485 |
rgb(30,68,133) |
hsl(218,63%,32%) |
#193970 |
rgb(25,57,112) |
hsl(218,63%,27%) |
#152f5b |
rgb(21,47,91) |
hsl(218,63%,22%) |
#102447 |
rgb(16,36,71) |
hsl(218,63%,17%) |
#0b1932 |
rgb(11,25,50) |
hsl(218,63%,12%) |
#070f1d |
rgb(7,15,29) |
hsl(218,63%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,63%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CC4C1 |
rgb(44,196,193) |
hsl(179,63%,47%) |
#2C63C5 |
rgb(44,99,197) |
hsl(218,63%,47%) |
#5B2BC5 |
rgb(91,43,197) |
hsl(259,64%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#628FDB |
rgb(98,143,219) |
hsl(218,63%,62%) |
#4278D4 |
rgb(66,120,212) |
hsl(218,63%,55%) |
#2C63C5 |
rgb(44,99,197) |
hsl(218,63%,47%) |
#2454A5 |
rgb(36,84,165) |
hsl(218,64%,39%) |
#1D4285 |
rgb(29,66,133) |
hsl(219,64%,32%) |
#163366 |
rgb(22,51,102) |
hsl(218,65%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C63C5 |
rgb(44,99,197) |
hsl(218,63%,47%) |
#C5422C |
rgb(197,66,44) |
hsl(9,63%,47%) |
#AFC42C |
rgb(175,196,44) |
hsl(68,63%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C63C5 |
rgb(44,99,197) |
hsl(218,63%,47%) |
#C58F2C |
rgb(197,143,44) |
hsl(39,63%,47%) |
#2CB0C5 |
rgb(44,176,197) |
hsl(188,63%,47%) |
#AFC42C |
rgb(175,196,44) |
hsl(68,63%,47%) |