HEX #224ADF color — Mariner
The color #224ADF is a dark shade and highly saturated.
Palette
224ADF color palette from light to dark
HEX |
RGB |
HSL |
#e9edfc |
rgb(233,237,252) |
hsl(227,75%,95%) |
#d2dbf9 |
rgb(210,219,249) |
hsl(227,75%,90%) |
#bcc8f5 |
rgb(188,200,245) |
hsl(227,75%,85%) |
#a6b6f2 |
rgb(166,182,242) |
hsl(227,75%,80%) |
#8fa4ef |
rgb(143,164,239) |
hsl(227,75%,75%) |
#7992ec |
rgb(121,146,236) |
hsl(227,75%,70%) |
#6380e9 |
rgb(99,128,233) |
hsl(227,75%,65%) |
#4d6ee6 |
rgb(77,110,230) |
hsl(227,75%,60%) |
#365be2 |
rgb(54,91,226) |
hsl(227,75%,55%) |
#2049df |
rgb(32,73,223) |
hsl(227,75%,50%) |
#1d42c9 |
rgb(29,66,201) |
hsl(227,75%,45%) |
#1a3bb3 |
rgb(26,59,179) |
hsl(227,75%,40%) |
#16339c |
rgb(22,51,156) |
hsl(227,75%,35%) |
#132c86 |
rgb(19,44,134) |
hsl(227,75%,30%) |
#102570 |
rgb(16,37,112) |
hsl(227,75%,25%) |
#0d1d59 |
rgb(13,29,89) |
hsl(227,75%,20%) |
#0a1643 |
rgb(10,22,67) |
hsl(227,75%,15%) |
#060f2d |
rgb(6,15,45) |
hsl(227,75%,10%) |
#030716 |
rgb(3,7,22) |
hsl(227,75%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C7DF |
rgb(34,199,223) |
hsl(188,75%,50%) |
#224ADF |
rgb(34,74,223) |
hsl(227,75%,50%) |
#7821DF |
rgb(120,33,223) |
hsl(267,75%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6985E9 |
rgb(105,133,233) |
hsl(227,74%,66%) |
#4569E4 |
rgb(69,105,228) |
hsl(226,75%,58%) |
#224ADF |
rgb(34,74,223) |
hsl(227,75%,50%) |
#1B3DBC |
rgb(27,61,188) |
hsl(227,75%,42%) |
#163398 |
rgb(22,51,152) |
hsl(227,75%,34%) |
#102674 |
rgb(16,38,116) |
hsl(227,76%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#224ADF |
rgb(34,74,223) |
hsl(227,75%,50%) |
#DF5922 |
rgb(223,89,34) |
hsl(17,75%,50%) |
#A8DE22 |
rgb(168,222,34) |
hsl(77,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#224ADF |
rgb(34,74,223) |
hsl(227,75%,50%) |
#DFB822 |
rgb(223,184,34) |
hsl(48,75%,50%) |
#22A8DF |
rgb(34,168,223) |
hsl(197,75%,50%) |
#A8DE22 |
rgb(168,222,34) |
hsl(77,74%,50%) |