HEX #305CD3 color — Mariner
The color #305CD3 is a dark shade and moderately saturated.
Palette
305CD3 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fb |
rgb(238,242,251) |
hsl(224,65%,96%) |
#d9e1f7 |
rgb(217,225,247) |
hsl(224,65%,91%) |
#c4d0f3 |
rgb(196,208,243) |
hsl(224,65%,86%) |
#afc0ee |
rgb(175,192,238) |
hsl(224,65%,81%) |
#9aafea |
rgb(154,175,234) |
hsl(224,65%,76%) |
#859fe5 |
rgb(133,159,229) |
hsl(224,65%,71%) |
#708ee1 |
rgb(112,142,225) |
hsl(224,65%,66%) |
#5b7ddc |
rgb(91,125,220) |
hsl(224,65%,61%) |
#466dd8 |
rgb(70,109,216) |
hsl(224,65%,56%) |
#315cd3 |
rgb(49,92,211) |
hsl(224,65%,51%) |
#2952c2 |
rgb(41,82,194) |
hsl(224,65%,46%) |
#2549ad |
rgb(37,73,173) |
hsl(224,65%,41%) |
#204097 |
rgb(32,64,151) |
hsl(224,65%,36%) |
#1c3782 |
rgb(28,55,130) |
hsl(224,65%,31%) |
#172e6d |
rgb(23,46,109) |
hsl(224,65%,26%) |
#132558 |
rgb(19,37,88) |
hsl(224,65%,21%) |
#0e1c43 |
rgb(14,28,67) |
hsl(224,65%,16%) |
#0a142e |
rgb(10,20,46) |
hsl(224,65%,11%) |
#050b19 |
rgb(5,11,25) |
hsl(224,65%,6%) |
#010204 |
rgb(1,2,4) |
hsl(224,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C9D3 |
rgb(48,201,211) |
hsl(184,65%,51%) |
#305CD3 |
rgb(48,92,211) |
hsl(224,65%,51%) |
#7030D3 |
rgb(112,48,211) |
hsl(264,65%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7491E1 |
rgb(116,145,225) |
hsl(224,64%,67%) |
#5278DA |
rgb(82,120,218) |
hsl(223,65%,59%) |
#305CD3 |
rgb(48,92,211) |
hsl(224,65%,51%) |
#264DB3 |
rgb(38,77,179) |
hsl(223,65%,43%) |
#1E3D91 |
rgb(30,61,145) |
hsl(224,66%,34%) |
#17306F |
rgb(23,48,111) |
hsl(223,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#305CD3 |
rgb(48,92,211) |
hsl(224,65%,51%) |
#D35730 |
rgb(211,87,48) |
hsl(14,65%,51%) |
#ADD430 |
rgb(173,212,48) |
hsl(74,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305CD3 |
rgb(48,92,211) |
hsl(224,65%,51%) |
#D3A630 |
rgb(211,166,48) |
hsl(43,65%,51%) |
#30ADD3 |
rgb(48,173,211) |
hsl(194,65%,51%) |
#ADD430 |
rgb(173,212,48) |
hsl(74,66%,51%) |