HEX #226FD3 color — Mariner
The color #226fd3 is a dark shade and highly saturated.
Palette
226fd3 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(214,72%,98%) |
#e0ebfa |
rgb(224,235,250) |
hsl(214,72%,93%) |
#caddf6 |
rgb(202,221,246) |
hsl(214,72%,88%) |
#b4cff3 |
rgb(180,207,243) |
hsl(214,72%,83%) |
#9fc2ef |
rgb(159,194,239) |
hsl(214,72%,78%) |
#89b4ec |
rgb(137,180,236) |
hsl(214,72%,73%) |
#73a6e8 |
rgb(115,166,232) |
hsl(214,72%,68%) |
#5d98e5 |
rgb(93,152,229) |
hsl(214,72%,63%) |
#478ae1 |
rgb(71,138,225) |
hsl(214,72%,58%) |
#317cdd |
rgb(49,124,221) |
hsl(214,72%,53%) |
#226fd3 |
rgb(34,111,211) |
hsl(214,72%,48%) |
#1f63bd |
rgb(31,99,189) |
hsl(214,72%,43%) |
#1b58a7 |
rgb(27,88,167) |
hsl(214,72%,38%) |
#184c91 |
rgb(24,76,145) |
hsl(214,72%,33%) |
#14417b |
rgb(20,65,123) |
hsl(214,72%,28%) |
#103565 |
rgb(16,53,101) |
hsl(214,72%,23%) |
#0d294f |
rgb(13,41,79) |
hsl(214,72%,18%) |
#091e39 |
rgb(9,30,57) |
hsl(214,72%,13%) |
#061223 |
rgb(6,18,35) |
hsl(214,72%,8%) |
#02070d |
rgb(2,7,13) |
hsl(214,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4C1 |
rgb(34,212,193) |
hsl(174,72%,48%) |
#226FD3 |
rgb(34,111,211) |
hsl(214,72%,48%) |
#4B21D3 |
rgb(75,33,211) |
hsl(254,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5E99E5 |
rgb(94,153,229) |
hsl(214,72%,63%) |
#3C85DF |
rgb(60,133,223) |
hsl(213,72%,55%) |
#226FD3 |
rgb(34,111,211) |
hsl(214,72%,48%) |
#1C5EB1 |
rgb(28,94,177) |
hsl(213,73%,40%) |
#174D8F |
rgb(23,77,143) |
hsl(213,72%,33%) |
#113B6D |
rgb(17,59,109) |
hsl(213,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#226FD3 |
rgb(34,111,211) |
hsl(214,72%,48%) |
#D32E22 |
rgb(211,46,34) |
hsl(4,72%,48%) |
#C7D422 |
rgb(199,212,34) |
hsl(64,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#226FD3 |
rgb(34,111,211) |
hsl(214,72%,48%) |
#D38722 |
rgb(211,135,34) |
hsl(34,72%,48%) |
#22C7D3 |
rgb(34,199,211) |
hsl(184,72%,48%) |
#C7D422 |
rgb(199,212,34) |
hsl(64,72%,48%) |