HEX #224AEF color — Royal Blue
The color #224AEF is a dark shade and highly saturated.
Palette
224AEF color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(228,86%,99%) |
#e3e8fd |
rgb(227,232,253) |
hsl(228,86%,94%) |
#cbd4fb |
rgb(203,212,251) |
hsl(228,86%,89%) |
#b3c1f9 |
rgb(179,193,249) |
hsl(228,86%,84%) |
#9baef8 |
rgb(155,174,248) |
hsl(228,86%,79%) |
#849af6 |
rgb(132,154,246) |
hsl(228,86%,74%) |
#6c87f4 |
rgb(108,135,244) |
hsl(228,86%,69%) |
#5474f2 |
rgb(84,116,242) |
hsl(228,86%,64%) |
#3d61f0 |
rgb(61,97,240) |
hsl(228,86%,59%) |
#254def |
rgb(37,77,239) |
hsl(228,86%,54%) |
#113ce8 |
rgb(17,60,232) |
hsl(228,86%,49%) |
#1036d1 |
rgb(16,54,209) |
hsl(228,86%,44%) |
#0e30b9 |
rgb(14,48,185) |
hsl(228,86%,39%) |
#0c2aa1 |
rgb(12,42,161) |
hsl(228,86%,34%) |
#0a248a |
rgb(10,36,138) |
hsl(228,86%,29%) |
#091e72 |
rgb(9,30,114) |
hsl(228,86%,24%) |
#07175a |
rgb(7,23,90) |
hsl(228,86%,19%) |
#051142 |
rgb(5,17,66) |
hsl(228,86%,14%) |
#030b2b |
rgb(3,11,43) |
hsl(228,86%,9%) |
#010513 |
rgb(1,5,19) |
hsl(228,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4EF |
rgb(34,212,239) |
hsl(188,86%,54%) |
#224AEF |
rgb(34,74,239) |
hsl(228,86%,54%) |
#8221EF |
rgb(130,33,239) |
hsl(268,87%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#738CF4 |
rgb(115,140,244) |
hsl(228,85%,70%) |
#4A6BF1 |
rgb(74,107,241) |
hsl(228,86%,62%) |
#224AEF |
rgb(34,74,239) |
hsl(228,86%,54%) |
#0F36D5 |
rgb(15,54,213) |
hsl(228,87%,45%) |
#0C2BAD |
rgb(12,43,173) |
hsl(228,87%,36%) |
#092184 |
rgb(9,33,132) |
hsl(228,87%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#224AEF |
rgb(34,74,239) |
hsl(228,86%,54%) |
#EF6122 |
rgb(239,97,34) |
hsl(18,86%,54%) |
#B0F022 |
rgb(176,240,34) |
hsl(79,87%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224AEF |
rgb(34,74,239) |
hsl(228,86%,54%) |
#EFC722 |
rgb(239,199,34) |
hsl(48,86%,54%) |
#22B0EF |
rgb(34,176,239) |
hsl(198,86%,54%) |
#B0F022 |
rgb(176,240,34) |
hsl(79,87%,54%) |