HEX #226EDD color — Mariner
The color #226EDD is a dark shade and highly saturated.
Palette
226EDD color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(216,73%,95%) |
#d3e2f8 |
rgb(211,226,248) |
hsl(216,73%,90%) |
#bdd3f5 |
rgb(189,211,245) |
hsl(216,73%,85%) |
#a7c5f1 |
rgb(167,197,241) |
hsl(216,73%,80%) |
#91b6ee |
rgb(145,182,238) |
hsl(216,73%,75%) |
#7ba7ea |
rgb(123,167,234) |
hsl(216,73%,70%) |
#6599e7 |
rgb(101,153,231) |
hsl(216,73%,65%) |
#4f8ae3 |
rgb(79,138,227) |
hsl(216,73%,60%) |
#387be0 |
rgb(56,123,224) |
hsl(216,73%,55%) |
#226ddd |
rgb(34,109,221) |
hsl(216,73%,50%) |
#1f62c7 |
rgb(31,98,199) |
hsl(216,73%,45%) |
#1c57b0 |
rgb(28,87,176) |
hsl(216,73%,40%) |
#184c9a |
rgb(24,76,154) |
hsl(216,73%,35%) |
#154184 |
rgb(21,65,132) |
hsl(216,73%,30%) |
#11366e |
rgb(17,54,110) |
hsl(216,73%,25%) |
#0e2c58 |
rgb(14,44,88) |
hsl(216,73%,20%) |
#0a2142 |
rgb(10,33,66) |
hsl(216,73%,15%) |
#07162c |
rgb(7,22,44) |
hsl(216,73%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(216,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22DECF |
rgb(34,222,207) |
hsl(175,74%,50%) |
#226EDD |
rgb(34,110,221) |
hsl(216,73%,50%) |
#5221DD |
rgb(82,33,221) |
hsl(256,74%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#689CE7 |
rgb(104,156,231) |
hsl(215,73%,66%) |
#4585E2 |
rgb(69,133,226) |
hsl(216,73%,58%) |
#226EDD |
rgb(34,110,221) |
hsl(216,73%,50%) |
#1C5CB9 |
rgb(28,92,185) |
hsl(216,74%,42%) |
#174A96 |
rgb(23,74,150) |
hsl(216,73%,34%) |
#113872 |
rgb(17,56,114) |
hsl(216,74%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#226EDD |
rgb(34,110,221) |
hsl(216,73%,50%) |
#DD3322 |
rgb(221,51,34) |
hsl(5,73%,50%) |
#CBDE22 |
rgb(203,222,34) |
hsl(66,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226EDD |
rgb(34,110,221) |
hsl(216,73%,50%) |
#DD9122 |
rgb(221,145,34) |
hsl(36,73%,50%) |
#22CCDD |
rgb(34,204,221) |
hsl(185,73%,50%) |
#CBDE22 |
rgb(203,222,34) |
hsl(66,74%,50%) |