HEX #2C5CD1 color — Mariner
The color #2C5CD1 is a dark shade and moderately saturated.
Palette
2C5CD1 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 |
#2CC9D1 |
rgb(44,201,209) |
hsl(183,65%,50%) |
#2C5CD1 |
rgb(44,92,209) |
hsl(223,65%,50%) |
#6A2BD1 |
rgb(106,43,209) |
hsl(263,66%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6D8FE0 |
rgb(109,143,224) |
hsl(222,65%,65%) |
#4C75D9 |
rgb(76,117,217) |
hsl(223,65%,57%) |
#2C5CD1 |
rgb(44,92,209) |
hsl(223,65%,50%) |
#244DAF |
rgb(36,77,175) |
hsl(222,66%,41%) |
#1D408E |
rgb(29,64,142) |
hsl(221,66%,34%) |
#16306C |
rgb(22,48,108) |
hsl(222,66%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C5CD1 |
rgb(44,92,209) |
hsl(223,65%,50%) |
#D14F2C |
rgb(209,79,44) |
hsl(13,65%,50%) |
#AED12C |
rgb(174,209,44) |
hsl(73,65%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C5CD1 |
rgb(44,92,209) |
hsl(223,65%,50%) |
#D1A12C |
rgb(209,161,44) |
hsl(43,65%,50%) |
#2CADD1 |
rgb(44,173,209) |
hsl(193,65%,50%) |
#AED12C |
rgb(174,209,44) |
hsl(73,65%,50%) |