HEX #224AF3 color — Blue Ribbon
The color #224AF3 is a dark shade and highly saturated.
Palette
224AF3 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(229,90%,99%) |
#e2e7fd |
rgb(226,231,253) |
hsl(229,90%,94%) |
#cad3fc |
rgb(202,211,252) |
hsl(229,90%,89%) |
#b1bffb |
rgb(177,191,251) |
hsl(229,90%,84%) |
#99abfa |
rgb(153,171,250) |
hsl(229,90%,79%) |
#8197f8 |
rgb(129,151,248) |
hsl(229,90%,74%) |
#6983f7 |
rgb(105,131,247) |
hsl(229,90%,69%) |
#516ff6 |
rgb(81,111,246) |
hsl(229,90%,64%) |
#385bf5 |
rgb(56,91,245) |
hsl(229,90%,59%) |
#2047f3 |
rgb(32,71,243) |
hsl(229,90%,54%) |
#0c36ed |
rgb(12,54,237) |
hsl(229,90%,49%) |
#0b30d5 |
rgb(11,48,213) |
hsl(229,90%,44%) |
#0a2bbd |
rgb(10,43,189) |
hsl(229,90%,39%) |
#0925a5 |
rgb(9,37,165) |
hsl(229,90%,34%) |
#07208d |
rgb(7,32,141) |
hsl(229,90%,29%) |
#061a74 |
rgb(6,26,116) |
hsl(229,90%,24%) |
#05155c |
rgb(5,21,92) |
hsl(229,90%,19%) |
#040f44 |
rgb(4,15,68) |
hsl(229,90%,14%) |
#020a2c |
rgb(2,10,44) |
hsl(229,90%,9%) |
#010413 |
rgb(1,4,19) |
hsl(229,90%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D6F3 |
rgb(34,214,243) |
hsl(188,90%,54%) |
#224AF3 |
rgb(34,74,243) |
hsl(229,90%,54%) |
#8521F3 |
rgb(133,33,243) |
hsl(269,90%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#768FF7 |
rgb(118,143,247) |
hsl(228,89%,72%) |
#4C6EF5 |
rgb(76,110,245) |
hsl(228,89%,63%) |
#224AF3 |
rgb(34,74,243) |
hsl(229,90%,54%) |
#0B33DC |
rgb(11,51,220) |
hsl(229,90%,45%) |
#0929B2 |
rgb(9,41,178) |
hsl(229,90%,37%) |
#072188 |
rgb(7,33,136) |
hsl(228,90%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#224AF3 |
rgb(34,74,243) |
hsl(229,90%,54%) |
#F36322 |
rgb(243,99,34) |
hsl(19,90%,54%) |
#B2F222 |
rgb(178,242,34) |
hsl(78,89%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224AF3 |
rgb(34,74,243) |
hsl(229,90%,54%) |
#F3CC22 |
rgb(243,204,34) |
hsl(49,90%,54%) |
#22B3F3 |
rgb(34,179,243) |
hsl(198,90%,54%) |
#B2F222 |
rgb(178,242,34) |
hsl(78,89%,54%) |