HEX #224DDF color — Mariner
The color #224DDF is a dark shade and highly saturated.
Palette
224DDF color palette from light to dark
HEX |
RGB |
HSL |
#e9edfc |
rgb(233,237,252) |
hsl(226,75%,95%) |
#d2dbf9 |
rgb(210,219,249) |
hsl(226,75%,90%) |
#bcc9f5 |
rgb(188,201,245) |
hsl(226,75%,85%) |
#a6b8f2 |
rgb(166,184,242) |
hsl(226,75%,80%) |
#8fa6ef |
rgb(143,166,239) |
hsl(226,75%,75%) |
#7994ec |
rgb(121,148,236) |
hsl(226,75%,70%) |
#6382e9 |
rgb(99,130,233) |
hsl(226,75%,65%) |
#4d70e6 |
rgb(77,112,230) |
hsl(226,75%,60%) |
#365ee2 |
rgb(54,94,226) |
hsl(226,75%,55%) |
#204ddf |
rgb(32,77,223) |
hsl(226,75%,50%) |
#1d45c9 |
rgb(29,69,201) |
hsl(226,75%,45%) |
#1a3db3 |
rgb(26,61,179) |
hsl(226,75%,40%) |
#16369c |
rgb(22,54,156) |
hsl(226,75%,35%) |
#132e86 |
rgb(19,46,134) |
hsl(226,75%,30%) |
#102670 |
rgb(16,38,112) |
hsl(226,75%,25%) |
#0d1f59 |
rgb(13,31,89) |
hsl(226,75%,20%) |
#0a1743 |
rgb(10,23,67) |
hsl(226,75%,15%) |
#060f2d |
rgb(6,15,45) |
hsl(226,75%,10%) |
#030816 |
rgb(3,8,22) |
hsl(226,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22CCDF |
rgb(34,204,223) |
hsl(186,75%,50%) |
#224DDF |
rgb(34,77,223) |
hsl(226,75%,50%) |
#7521DF |
rgb(117,33,223) |
hsl(267,75%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6987E9 |
rgb(105,135,233) |
hsl(226,74%,66%) |
#456BE4 |
rgb(69,107,228) |
hsl(226,75%,58%) |
#224DDF |
rgb(34,77,223) |
hsl(226,75%,50%) |
#1B40BC |
rgb(27,64,188) |
hsl(226,75%,42%) |
#163398 |
rgb(22,51,152) |
hsl(227,75%,34%) |
#102974 |
rgb(16,41,116) |
hsl(225,76%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#224DDF |
rgb(34,77,223) |
hsl(226,75%,50%) |
#DF5722 |
rgb(223,87,34) |
hsl(17,75%,50%) |
#ABDE22 |
rgb(171,222,34) |
hsl(76,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224DDF |
rgb(34,77,223) |
hsl(226,75%,50%) |
#DFB522 |
rgb(223,181,34) |
hsl(47,75%,50%) |
#22ABDF |
rgb(34,171,223) |
hsl(197,75%,50%) |
#ABDE22 |
rgb(171,222,34) |
hsl(76,74%,50%) |