HEX #224DD4 color — Mariner
The color #224DD4 is a dark shade and highly saturated.
Palette
224DD4 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 |
#22C4D4 |
rgb(34,196,212) |
hsl(185,72%,48%) |
#224DD4 |
rgb(34,77,212) |
hsl(226,72%,48%) |
#6D21D4 |
rgb(109,33,212) |
hsl(265,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F80E5 |
rgb(95,128,229) |
hsl(225,72%,64%) |
#3D63DF |
rgb(61,99,223) |
hsl(226,72%,56%) |
#224DD4 |
rgb(34,77,212) |
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 |
#224DD4 |
rgb(34,77,212) |
hsl(226,72%,48%) |
#D44F22 |
rgb(212,79,34) |
hsl(15,72%,48%) |
#A6D422 |
rgb(166,212,34) |
hsl(76,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224DD4 |
rgb(34,77,212) |
hsl(226,72%,48%) |
#D4A822 |
rgb(212,168,34) |
hsl(45,72%,48%) |
#22A6D4 |
rgb(34,166,212) |
hsl(196,72%,48%) |
#A6D422 |
rgb(166,212,34) |
hsl(76,72%,48%) |