HEX #224AF2 color — Blue Ribbon
The color #224AF2 is a dark shade and highly saturated.
Palette
224AF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(228,89%,99%) |
#e2e8fd |
rgb(226,232,253) |
hsl(228,89%,94%) |
#cad4fc |
rgb(202,212,252) |
hsl(228,89%,89%) |
#b2c0fb |
rgb(178,192,251) |
hsl(228,89%,84%) |
#9aadf9 |
rgb(154,173,249) |
hsl(228,89%,79%) |
#8299f8 |
rgb(130,153,248) |
hsl(228,89%,74%) |
#6a86f6 |
rgb(106,134,246) |
hsl(228,89%,69%) |
#5172f5 |
rgb(81,114,245) |
hsl(228,89%,64%) |
#395ff3 |
rgb(57,95,243) |
hsl(228,89%,59%) |
#214bf2 |
rgb(33,75,242) |
hsl(228,89%,54%) |
#0e3aec |
rgb(14,58,236) |
hsl(228,89%,49%) |
#0c34d4 |
rgb(12,52,212) |
hsl(228,89%,44%) |
#0b2ebc |
rgb(11,46,188) |
hsl(228,89%,39%) |
#0a28a4 |
rgb(10,40,164) |
hsl(228,89%,34%) |
#08228c |
rgb(8,34,140) |
hsl(228,89%,29%) |
#071d74 |
rgb(7,29,116) |
hsl(228,89%,24%) |
#05175c |
rgb(5,23,92) |
hsl(228,89%,19%) |
#041143 |
rgb(4,17,67) |
hsl(228,89%,14%) |
#030b2b |
rgb(3,11,43) |
hsl(228,89%,9%) |
#010513 |
rgb(1,5,19) |
hsl(228,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4F2 |
rgb(34,212,242) |
hsl(189,89%,54%) |
#224AF2 |
rgb(34,74,242) |
hsl(228,89%,54%) |
#8421F2 |
rgb(132,33,242) |
hsl(268,89%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#758FF6 |
rgb(117,143,246) |
hsl(228,88%,71%) |
#4B6BF4 |
rgb(75,107,244) |
hsl(229,88%,63%) |
#224AF2 |
rgb(34,74,242) |
hsl(228,89%,54%) |
#0C36DA |
rgb(12,54,218) |
hsl(228,90%,45%) |
#0A2BB1 |
rgb(10,43,177) |
hsl(228,89%,37%) |
#072187 |
rgb(7,33,135) |
hsl(228,90%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#224AF2 |
rgb(34,74,242) |
hsl(228,89%,54%) |
#F26122 |
rgb(242,97,34) |
hsl(18,89%,54%) |
#B2F222 |
rgb(178,242,34) |
hsl(78,89%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224AF2 |
rgb(34,74,242) |
hsl(228,89%,54%) |
#F2C922 |
rgb(242,201,34) |
hsl(48,89%,54%) |
#22B3F2 |
rgb(34,179,242) |
hsl(198,89%,54%) |
#B2F222 |
rgb(178,242,34) |
hsl(78,89%,54%) |