HEX #226BD4 color — Mariner
The color #226BD4 is a dark shade and highly saturated.
Palette
226BD4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(215,72%,98%) |
#e0ebfa |
rgb(224,235,250) |
hsl(215,72%,93%) |
#caddf6 |
rgb(202,221,246) |
hsl(215,72%,88%) |
#b4cef3 |
rgb(180,206,243) |
hsl(215,72%,83%) |
#9fc0ef |
rgb(159,192,239) |
hsl(215,72%,78%) |
#89b2ec |
rgb(137,178,236) |
hsl(215,72%,73%) |
#73a4e8 |
rgb(115,164,232) |
hsl(215,72%,68%) |
#5d95e5 |
rgb(93,149,229) |
hsl(215,72%,63%) |
#4787e1 |
rgb(71,135,225) |
hsl(215,72%,58%) |
#3179dd |
rgb(49,121,221) |
hsl(215,72%,53%) |
#226cd3 |
rgb(34,108,211) |
hsl(215,72%,48%) |
#1f60bd |
rgb(31,96,189) |
hsl(215,72%,43%) |
#1b55a7 |
rgb(27,85,167) |
hsl(215,72%,38%) |
#184a91 |
rgb(24,74,145) |
hsl(215,72%,33%) |
#143f7b |
rgb(20,63,123) |
hsl(215,72%,28%) |
#103465 |
rgb(16,52,101) |
hsl(215,72%,23%) |
#0d284f |
rgb(13,40,79) |
hsl(215,72%,18%) |
#091d39 |
rgb(9,29,57) |
hsl(215,72%,13%) |
#061223 |
rgb(6,18,35) |
hsl(215,72%,8%) |
#02070d |
rgb(2,7,13) |
hsl(215,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4C6 |
rgb(34,212,198) |
hsl(175,72%,48%) |
#226BD4 |
rgb(34,107,212) |
hsl(215,72%,48%) |
#4F21D4 |
rgb(79,33,212) |
hsl(255,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F96E5 |
rgb(95,150,229) |
hsl(215,72%,64%) |
#3D80DF |
rgb(61,128,223) |
hsl(215,72%,56%) |
#226BD4 |
rgb(34,107,212) |
hsl(215,72%,48%) |
#1C59B2 |
rgb(28,89,178) |
hsl(216,73%,40%) |
#174A90 |
rgb(23,74,144) |
hsl(215,72%,33%) |
#11386E |
rgb(17,56,110) |
hsl(215,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#226BD4 |
rgb(34,107,212) |
hsl(215,72%,48%) |
#D43322 |
rgb(212,51,34) |
hsl(6,72%,48%) |
#C4D422 |
rgb(196,212,34) |
hsl(65,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226BD4 |
rgb(34,107,212) |
hsl(215,72%,48%) |
#D48C22 |
rgb(212,140,34) |
hsl(36,72%,48%) |
#22C4D4 |
rgb(34,196,212) |
hsl(185,72%,48%) |
#C4D422 |
rgb(196,212,34) |
hsl(65,72%,48%) |