HEX #245CCC color — Mariner
The color #245CCC is a dark shade and highly saturated.
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%) |