HEX #224DF2 color — Blue Ribbon
The color #224DF2 is a dark shade and highly saturated.
Palette
224DF2 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 |
#22D9F2 |
rgb(34,217,242) |
hsl(187,89%,54%) |
#224DF2 |
rgb(34,77,242) |
hsl(228,89%,54%) |
#8121F2 |
rgb(129,33,242) |
hsl(268,89%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7591F6 |
rgb(117,145,246) |
hsl(227,88%,71%) |
#4B6EF4 |
rgb(75,110,244) |
hsl(228,88%,63%) |
#224DF2 |
rgb(34,77,242) |
hsl(228,89%,54%) |
#0C38DA |
rgb(12,56,218) |
hsl(227,90%,45%) |
#0A2EB1 |
rgb(10,46,177) |
hsl(227,89%,37%) |
#072187 |
rgb(7,33,135) |
hsl(228,90%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#224DF2 |
rgb(34,77,242) |
hsl(228,89%,54%) |
#F25E22 |
rgb(242,94,34) |
hsl(17,89%,54%) |
#B5F222 |
rgb(181,242,34) |
hsl(78,89%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224DF2 |
rgb(34,77,242) |
hsl(228,89%,54%) |
#F2C722 |
rgb(242,199,34) |
hsl(48,89%,54%) |
#22B5F2 |
rgb(34,181,242) |
hsl(198,89%,54%) |
#B5F222 |
rgb(181,242,34) |
hsl(78,89%,54%) |