HEX #2C63D1 color — Mariner
The color #2C63D1 is a dark shade and moderately saturated.
Palette
2C63D1 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(220,65%,95%) |
#d5e0f6 |
rgb(213,224,246) |
hsl(220,65%,90%) |
#c0d0f2 |
rgb(192,208,242) |
hsl(220,65%,85%) |
#abc1ed |
rgb(171,193,237) |
hsl(220,65%,80%) |
#96b1e9 |
rgb(150,177,233) |
hsl(220,65%,75%) |
#81a2e4 |
rgb(129,162,228) |
hsl(220,65%,70%) |
#6c92e0 |
rgb(108,146,224) |
hsl(220,65%,65%) |
#5783db |
rgb(87,131,219) |
hsl(220,65%,60%) |
#4273d7 |
rgb(66,115,215) |
hsl(220,65%,55%) |
#2d64d2 |
rgb(45,100,210) |
hsl(220,65%,50%) |
#285abd |
rgb(40,90,189) |
hsl(220,65%,45%) |
#2450a8 |
rgb(36,80,168) |
hsl(220,65%,40%) |
#1f4693 |
rgb(31,70,147) |
hsl(220,65%,35%) |
#1b3c7e |
rgb(27,60,126) |
hsl(220,65%,30%) |
#163269 |
rgb(22,50,105) |
hsl(220,65%,25%) |
#122854 |
rgb(18,40,84) |
hsl(220,65%,20%) |
#0d1e3f |
rgb(13,30,63) |
hsl(220,65%,15%) |
#09142a |
rgb(9,20,42) |
hsl(220,65%,10%) |
#040a15 |
rgb(4,10,21) |
hsl(220,65%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CD1D1 |
rgb(44,209,209) |
hsl(180,65%,50%) |
#2C63D1 |
rgb(44,99,209) |
hsl(220,65%,50%) |
#632BD1 |
rgb(99,43,209) |
hsl(260,66%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6D94E0 |
rgb(109,148,224) |
hsl(220,65%,65%) |
#4C7AD9 |
rgb(76,122,217) |
hsl(220,65%,57%) |
#2C63D1 |
rgb(44,99,209) |
hsl(220,65%,50%) |
#2454AF |
rgb(36,84,175) |
hsl(219,66%,41%) |
#1D428E |
rgb(29,66,142) |
hsl(220,66%,34%) |
#16336C |
rgb(22,51,108) |
hsl(220,66%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C63D1 |
rgb(44,99,209) |
hsl(220,65%,50%) |
#D1472C |
rgb(209,71,44) |
hsl(10,65%,50%) |
#B5D12C |
rgb(181,209,44) |
hsl(70,65%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C63D1 |
rgb(44,99,209) |
hsl(220,65%,50%) |
#D1992C |
rgb(209,153,44) |
hsl(40,65%,50%) |
#2CB5D1 |
rgb(44,181,209) |
hsl(190,65%,50%) |
#B5D12C |
rgb(181,209,44) |
hsl(70,65%,50%) |