HEX #305ED5 color — Mariner
The color #305ed5 is a dark shade and moderately saturated.
Palette
305ed5 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fc |
rgb(238,242,252) |
hsl(223,66%,96%) |
#d9e1f7 |
rgb(217,225,247) |
hsl(223,66%,91%) |
#c4d1f3 |
rgb(196,209,243) |
hsl(223,66%,86%) |
#afc1ef |
rgb(175,193,239) |
hsl(223,66%,81%) |
#99b0ea |
rgb(153,176,234) |
hsl(223,66%,76%) |
#84a0e6 |
rgb(132,160,230) |
hsl(223,66%,71%) |
#6f90e2 |
rgb(111,144,226) |
hsl(223,66%,66%) |
#5a7fdd |
rgb(90,127,221) |
hsl(223,66%,61%) |
#456fd9 |
rgb(69,111,217) |
hsl(223,66%,56%) |
#305ed5 |
rgb(48,94,213) |
hsl(223,66%,51%) |
#2854c3 |
rgb(40,84,195) |
hsl(223,66%,46%) |
#244bae |
rgb(36,75,174) |
hsl(223,66%,41%) |
#1f4298 |
rgb(31,66,152) |
hsl(223,66%,36%) |
#1b3883 |
rgb(27,56,131) |
hsl(223,66%,31%) |
#172f6e |
rgb(23,47,110) |
hsl(223,66%,26%) |
#122659 |
rgb(18,38,89) |
hsl(223,66%,21%) |
#0e1d44 |
rgb(14,29,68) |
hsl(223,66%,16%) |
#0a142f |
rgb(10,20,47) |
hsl(223,66%,11%) |
#050b19 |
rgb(5,11,25) |
hsl(223,66%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CCD5 |
rgb(48,204,213) |
hsl(183,66%,51%) |
#305ED5 |
rgb(48,94,213) |
hsl(223,66%,51%) |
#7030D5 |
rgb(112,48,213) |
hsl(263,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7594E3 |
rgb(117,148,227) |
hsl(223,66%,67%) |
#5278DC |
rgb(82,120,220) |
hsl(223,66%,59%) |
#305ED5 |
rgb(48,94,213) |
hsl(223,66%,51%) |
#244DB6 |
rgb(36,77,182) |
hsl(223,67%,43%) |
#1D4093 |
rgb(29,64,147) |
hsl(222,67%,35%) |
#163070 |
rgb(22,48,112) |
hsl(223,67%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#305ED5 |
rgb(48,94,213) |
hsl(223,66%,51%) |
#D55430 |
rgb(213,84,48) |
hsl(13,66%,51%) |
#B0D630 |
rgb(176,214,48) |
hsl(74,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305ED5 |
rgb(48,94,213) |
hsl(223,66%,51%) |
#D5A630 |
rgb(213,166,48) |
hsl(43,66%,51%) |
#30B0D5 |
rgb(48,176,213) |
hsl(193,66%,51%) |
#B0D630 |
rgb(176,214,48) |
hsl(74,67%,51%) |