HEX #224DD5 color — Mariner
The color #224DD5 is a dark shade and highly saturated.
Palette
224DD5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(226,72%,98%) |
#e0e6fa |
rgb(224,230,250) |
hsl(226,72%,93%) |
#cad5f6 |
rgb(202,213,246) |
hsl(226,72%,88%) |
#b4c3f3 |
rgb(180,195,243) |
hsl(226,72%,83%) |
#9fb1ef |
rgb(159,177,239) |
hsl(226,72%,78%) |
#89a0ec |
rgb(137,160,236) |
hsl(226,72%,73%) |
#738ee8 |
rgb(115,142,232) |
hsl(226,72%,68%) |
#5d7ce5 |
rgb(93,124,229) |
hsl(226,72%,63%) |
#476be1 |
rgb(71,107,225) |
hsl(226,72%,58%) |
#3159dd |
rgb(49,89,221) |
hsl(226,72%,53%) |
#224bd3 |
rgb(34,75,211) |
hsl(226,72%,48%) |
#1f44bd |
rgb(31,68,189) |
hsl(226,72%,43%) |
#1b3ca7 |
rgb(27,60,167) |
hsl(226,72%,38%) |
#183491 |
rgb(24,52,145) |
hsl(226,72%,33%) |
#142c7b |
rgb(20,44,123) |
hsl(226,72%,28%) |
#102465 |
rgb(16,36,101) |
hsl(226,72%,23%) |
#0d1c4f |
rgb(13,28,79) |
hsl(226,72%,18%) |
#091439 |
rgb(9,20,57) |
hsl(226,72%,13%) |
#060d23 |
rgb(6,13,35) |
hsl(226,72%,8%) |
#02050d |
rgb(2,5,13) |
hsl(226,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C4D5 |
rgb(34,196,213) |
hsl(186,72%,48%) |
#224DD5 |
rgb(34,77,213) |
hsl(226,72%,48%) |
#6E21D5 |
rgb(110,33,213) |
hsl(266,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6080E5 |
rgb(96,128,229) |
hsl(226,72%,64%) |
#3E66E0 |
rgb(62,102,224) |
hsl(225,72%,56%) |
#224DD5 |
rgb(34,77,213) |
hsl(226,72%,48%) |
#1C40B2 |
rgb(28,64,178) |
hsl(226,73%,40%) |
#173690 |
rgb(23,54,144) |
hsl(225,72%,33%) |
#11296E |
rgb(17,41,110) |
hsl(225,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#224DD5 |
rgb(34,77,213) |
hsl(226,72%,48%) |
#D55222 |
rgb(213,82,34) |
hsl(16,72%,48%) |
#A6D622 |
rgb(166,214,34) |
hsl(76,73%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224DD5 |
rgb(34,77,213) |
hsl(226,72%,48%) |
#D5AB22 |
rgb(213,171,34) |
hsl(46,72%,48%) |
#22A6D5 |
rgb(34,166,213) |
hsl(196,72%,48%) |
#A6D622 |
rgb(166,214,34) |
hsl(76,73%,49%) |