HEX #224BDD color — Mariner
The color #224bdd is a dark shade and highly saturated.
Palette
224bdd color palette from light to dark
HEX |
RGB |
HSL |
#e9edfc |
rgb(233,237,252) |
hsl(227,73%,95%) |
#d3dbf8 |
rgb(211,219,248) |
hsl(227,73%,90%) |
#bdc9f5 |
rgb(189,201,245) |
hsl(227,73%,85%) |
#a7b7f1 |
rgb(167,183,241) |
hsl(227,73%,80%) |
#91a5ee |
rgb(145,165,238) |
hsl(227,73%,75%) |
#7b93ea |
rgb(123,147,234) |
hsl(227,73%,70%) |
#6581e7 |
rgb(101,129,231) |
hsl(227,73%,65%) |
#4f6fe3 |
rgb(79,111,227) |
hsl(227,73%,60%) |
#385de0 |
rgb(56,93,224) |
hsl(227,73%,55%) |
#224bdd |
rgb(34,75,221) |
hsl(227,73%,50%) |
#1f43c7 |
rgb(31,67,199) |
hsl(227,73%,45%) |
#1c3cb0 |
rgb(28,60,176) |
hsl(227,73%,40%) |
#18349a |
rgb(24,52,154) |
hsl(227,73%,35%) |
#152d84 |
rgb(21,45,132) |
hsl(227,73%,30%) |
#11256e |
rgb(17,37,110) |
hsl(227,73%,25%) |
#0e1e58 |
rgb(14,30,88) |
hsl(227,73%,20%) |
#0a1642 |
rgb(10,22,66) |
hsl(227,73%,15%) |
#070f2c |
rgb(7,15,44) |
hsl(227,73%,10%) |
#030716 |
rgb(3,7,22) |
hsl(227,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C7DD |
rgb(34,199,221) |
hsl(187,73%,50%) |
#224BDD |
rgb(34,75,221) |
hsl(227,73%,50%) |
#7521DD |
rgb(117,33,221) |
hsl(267,74%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6885E7 |
rgb(104,133,231) |
hsl(226,73%,66%) |
#4569E2 |
rgb(69,105,226) |
hsl(226,73%,58%) |
#224BDD |
rgb(34,75,221) |
hsl(227,73%,50%) |
#1C40B9 |
rgb(28,64,185) |
hsl(226,74%,42%) |
#173396 |
rgb(23,51,150) |
hsl(227,73%,34%) |
#112672 |
rgb(17,38,114) |
hsl(227,74%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#224BDD |
rgb(34,75,221) |
hsl(227,73%,50%) |
#DD5722 |
rgb(221,87,34) |
hsl(17,73%,50%) |
#A8DE22 |
rgb(168,222,34) |
hsl(77,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224BDD |
rgb(34,75,221) |
hsl(227,73%,50%) |
#DDB522 |
rgb(221,181,34) |
hsl(47,73%,50%) |
#22A8DD |
rgb(34,168,221) |
hsl(197,73%,50%) |
#A8DE22 |
rgb(168,222,34) |
hsl(77,74%,50%) |