HEX #306ED2 color — Mariner
The color #306ED2 is a dark shade and moderately saturated.
Palette
306ED2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fb |
rgb(238,243,251) |
hsl(217,64%,96%) |
#d9e5f7 |
rgb(217,229,247) |
hsl(217,64%,91%) |
#c4d6f2 |
rgb(196,214,242) |
hsl(217,64%,86%) |
#b0c7ee |
rgb(176,199,238) |
hsl(217,64%,81%) |
#9bb9e9 |
rgb(155,185,233) |
hsl(217,64%,76%) |
#86aae4 |
rgb(134,170,228) |
hsl(217,64%,71%) |
#719be0 |
rgb(113,155,224) |
hsl(217,64%,66%) |
#5c8ddb |
rgb(92,141,219) |
hsl(217,64%,61%) |
#477ed7 |
rgb(71,126,215) |
hsl(217,64%,56%) |
#326fd2 |
rgb(50,111,210) |
hsl(217,64%,51%) |
#2a64c0 |
rgb(42,100,192) |
hsl(217,64%,46%) |
#2659ab |
rgb(38,89,171) |
hsl(217,64%,41%) |
#214e97 |
rgb(33,78,151) |
hsl(217,64%,36%) |
#1c4382 |
rgb(28,67,130) |
hsl(217,64%,31%) |
#18386d |
rgb(24,56,109) |
hsl(217,64%,26%) |
#132e58 |
rgb(19,46,88) |
hsl(217,64%,21%) |
#0f2343 |
rgb(15,35,67) |
hsl(217,64%,16%) |
#0a182e |
rgb(10,24,46) |
hsl(217,64%,11%) |
#060d19 |
rgb(6,13,25) |
hsl(217,64%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,64%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D1CA |
rgb(48,209,202) |
hsl(177,64%,50%) |
#306ED2 |
rgb(48,110,210) |
hsl(217,64%,51%) |
#5E30D2 |
rgb(94,48,210) |
hsl(257,64%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#739EE0 |
rgb(115,158,224) |
hsl(216,64%,66%) |
#5185D9 |
rgb(81,133,217) |
hsl(217,64%,58%) |
#306ED2 |
rgb(48,110,210) |
hsl(217,64%,51%) |
#265CB2 |
rgb(38,92,178) |
hsl(217,65%,42%) |
#1F4A90 |
rgb(31,74,144) |
hsl(217,65%,34%) |
#17386E |
rgb(23,56,110) |
hsl(217,65%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#306ED2 |
rgb(48,110,210) |
hsl(217,64%,51%) |
#D24230 |
rgb(210,66,48) |
hsl(7,64%,51%) |
#BFD130 |
rgb(191,209,48) |
hsl(67,64%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306ED2 |
rgb(48,110,210) |
hsl(217,64%,51%) |
#D29430 |
rgb(210,148,48) |
hsl(37,64%,51%) |
#30BFD2 |
rgb(48,191,210) |
hsl(187,64%,51%) |
#BFD130 |
rgb(191,209,48) |
hsl(67,64%,50%) |