HEX #2C5EDC color — Mariner
The color #2C5EDC is a dark shade and moderately saturated.
Palette
2C5EDC color palette from light to dark
HEX |
RGB |
HSL |
#f2f5fd |
rgb(242,245,253) |
hsl(223,72%,97%) |
#dce4f9 |
rgb(220,228,249) |
hsl(223,72%,92%) |
#c6d4f6 |
rgb(198,212,246) |
hsl(223,72%,87%) |
#b0c3f2 |
rgb(176,195,242) |
hsl(223,72%,82%) |
#9ab2ef |
rgb(154,178,239) |
hsl(223,72%,77%) |
#84a1eb |
rgb(132,161,235) |
hsl(223,72%,72%) |
#6e91e7 |
rgb(110,145,231) |
hsl(223,72%,67%) |
#5880e4 |
rgb(88,128,228) |
hsl(223,72%,62%) |
#426fe0 |
rgb(66,111,224) |
hsl(223,72%,57%) |
#2c5edd |
rgb(44,94,221) |
hsl(223,72%,52%) |
#2252ce |
rgb(34,82,206) |
hsl(223,72%,47%) |
#1e4ab8 |
rgb(30,74,184) |
hsl(223,72%,42%) |
#1a41a2 |
rgb(26,65,162) |
hsl(223,72%,37%) |
#17388c |
rgb(23,56,140) |
hsl(223,72%,32%) |
#132f76 |
rgb(19,47,118) |
hsl(223,72%,27%) |
#102760 |
rgb(16,39,96) |
hsl(223,72%,22%) |
#0c1e4b |
rgb(12,30,75) |
hsl(223,72%,17%) |
#091535 |
rgb(9,21,53) |
hsl(223,72%,12%) |
#050c1f |
rgb(5,12,31) |
hsl(223,72%,7%) |
#010409 |
rgb(1,4,9) |
hsl(223,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CD4DC |
rgb(44,212,220) |
hsl(183,72%,52%) |
#2C5EDC |
rgb(44,94,220) |
hsl(223,72%,52%) |
#6F2BDC |
rgb(111,43,220) |
hsl(263,72%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7496E8 |
rgb(116,150,232) |
hsl(222,72%,68%) |
#507AE2 |
rgb(80,122,226) |
hsl(223,72%,60%) |
#2C5EDC |
rgb(44,94,220) |
hsl(223,72%,52%) |
#1F4DBE |
rgb(31,77,190) |
hsl(223,72%,43%) |
#193D99 |
rgb(25,61,153) |
hsl(223,72%,35%) |
#133075 |
rgb(19,48,117) |
hsl(222,72%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C5EDC |
rgb(44,94,220) |
hsl(223,72%,52%) |
#DC522C |
rgb(220,82,44) |
hsl(13,72%,52%) |
#B6DB2C |
rgb(182,219,44) |
hsl(73,71%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C5EDC |
rgb(44,94,220) |
hsl(223,72%,52%) |
#DCAB2C |
rgb(220,171,44) |
hsl(43,72%,52%) |
#2CB5DC |
rgb(44,181,220) |
hsl(193,72%,52%) |
#B6DB2C |
rgb(182,219,44) |
hsl(73,71%,52%) |