HEX #245CCC color — Mariner

The color #245CCC is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

245CCC color palette from light to dark

HEX RGB HSL
#f2f6fd rgb(242,246,253) hsl(220,70%,97%)
#dce6f9 rgb(220,230,249) hsl(220,70%,92%)
#c7d6f5 rgb(199,214,245) hsl(220,70%,87%)
#b1c6f1 rgb(177,198,241) hsl(220,70%,82%)
#9bb7ed rgb(155,183,237) hsl(220,70%,77%)
#86a7ea rgb(134,167,234) hsl(220,70%,72%)
#7097e6 rgb(112,151,230) hsl(220,70%,67%)
#5a87e2 rgb(90,135,226) hsl(220,70%,62%)
#4578de rgb(69,120,222) hsl(220,70%,57%)
#2f68da rgb(47,104,218) hsl(220,70%,52%)
#245ccc rgb(36,92,204) hsl(220,70%,47%)
#2052b6 rgb(32,82,182) hsl(220,70%,42%)
#1c48a0 rgb(28,72,160) hsl(220,70%,37%)
#183f8b rgb(24,63,139) hsl(220,70%,32%)
#153575 rgb(21,53,117) hsl(220,70%,27%)
#112b5f rgb(17,43,95) hsl(220,70%,22%)
#0d214a rgb(13,33,74) hsl(220,70%,17%)
#091734 rgb(9,23,52) hsl(220,70%,12%)
#050e1e rgb(5,14,30) hsl(220,70%,7%)
#020409 rgb(2,4,9) hsl(220,70%,2%)

Adjacent colors

HEX RGB HSL
#24CCCC rgb(36,204,204) hsl(180,70%,47%)
#245CCC rgb(36,92,204) hsl(220,70%,47%)
#5C24CC rgb(92,36,204) hsl(260,70%,47%)

Monochromatic colors

HEX RGB HSL
#5A87E2 rgb(90,135,226) hsl(220,70%,62%)
#3A70DC rgb(58,112,220) hsl(220,70%,55%)
#245CCC rgb(36,92,204) hsl(220,70%,47%)
#1E4DAB rgb(30,77,171) hsl(220,70%,39%)
#18408A rgb(24,64,138) hsl(219,70%,32%)
#12306A rgb(18,48,106) hsl(220,71%,24%)

Triad color palettes

HEX RGB HSL
#245CCC rgb(36,92,204) hsl(220,70%,47%)
#CC4024 rgb(204,64,36) hsl(10,70%,47%)
#B0CC24 rgb(176,204,36) hsl(70,70%,47%)

Tetrad color palettes

HEX RGB HSL
#245CCC rgb(36,92,204) hsl(220,70%,47%)
#CC9424 rgb(204,148,36) hsl(40,70%,47%)
#24B0CC rgb(36,176,204) hsl(190,70%,47%)
#B0CC24 rgb(176,204,36) hsl(70,70%,47%)