HEX #2C5CD2 color — Mariner
The color #2C5CD2 is a dark shade and moderately saturated.
Palette
2C5CD2 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(223,65%,95%) |
#d5def6 |
rgb(213,222,246) |
hsl(223,65%,90%) |
#c0cef2 |
rgb(192,206,242) |
hsl(223,65%,85%) |
#abbeed |
rgb(171,190,237) |
hsl(223,65%,80%) |
#96ade9 |
rgb(150,173,233) |
hsl(223,65%,75%) |
#819de4 |
rgb(129,157,228) |
hsl(223,65%,70%) |
#6c8de0 |
rgb(108,141,224) |
hsl(223,65%,65%) |
#577cdb |
rgb(87,124,219) |
hsl(223,65%,60%) |
#426cd7 |
rgb(66,108,215) |
hsl(223,65%,55%) |
#2d5cd2 |
rgb(45,92,210) |
hsl(223,65%,50%) |
#2852bd |
rgb(40,82,189) |
hsl(223,65%,45%) |
#2449a8 |
rgb(36,73,168) |
hsl(223,65%,40%) |
#1f4093 |
rgb(31,64,147) |
hsl(223,65%,35%) |
#1b377e |
rgb(27,55,126) |
hsl(223,65%,30%) |
#162e69 |
rgb(22,46,105) |
hsl(223,65%,25%) |
#122554 |
rgb(18,37,84) |
hsl(223,65%,20%) |
#0d1b3f |
rgb(13,27,63) |
hsl(223,65%,15%) |
#09122a |
rgb(9,18,42) |
hsl(223,65%,10%) |
#040915 |
rgb(4,9,21) |
hsl(223,65%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CC9D2 |
rgb(44,201,210) |
hsl(183,65%,50%) |
#2C5CD2 |
rgb(44,92,210) |
hsl(223,65%,50%) |
#6A2BD2 |
rgb(106,43,210) |
hsl(263,66%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E8FE0 |
rgb(110,143,224) |
hsl(223,65%,65%) |
#4C75D9 |
rgb(76,117,217) |
hsl(223,65%,57%) |
#2C5CD2 |
rgb(44,92,210) |
hsl(223,65%,50%) |
#244DB0 |
rgb(36,77,176) |
hsl(222,66%,42%) |
#1D408E |
rgb(29,64,142) |
hsl(221,66%,34%) |
#16306D |
rgb(22,48,109) |
hsl(222,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C5CD2 |
rgb(44,92,210) |
hsl(223,65%,50%) |
#D24F2C |
rgb(210,79,44) |
hsl(13,65%,50%) |
#AFD12C |
rgb(175,209,44) |
hsl(72,65%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C5CD2 |
rgb(44,92,210) |
hsl(223,65%,50%) |
#D2A32C |
rgb(210,163,44) |
hsl(43,65%,50%) |
#2CB0D2 |
rgb(44,176,210) |
hsl(192,65%,50%) |
#AFD12C |
rgb(175,209,44) |
hsl(72,65%,50%) |