HEX #307DD2 color — Mariner
The color #307DD2 is a dark shade and moderately saturated.
Palette
307DD2 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fb |
rgb(238,245,251) |
hsl(211,64%,96%) |
#d9e8f7 |
rgb(217,232,247) |
hsl(211,64%,91%) |
#c4dbf2 |
rgb(196,219,242) |
hsl(211,64%,86%) |
#b0ceee |
rgb(176,206,238) |
hsl(211,64%,81%) |
#9bc0e9 |
rgb(155,192,233) |
hsl(211,64%,76%) |
#86b3e4 |
rgb(134,179,228) |
hsl(211,64%,71%) |
#71a6e0 |
rgb(113,166,224) |
hsl(211,64%,66%) |
#5c99db |
rgb(92,153,219) |
hsl(211,64%,61%) |
#478cd7 |
rgb(71,140,215) |
hsl(211,64%,56%) |
#327fd2 |
rgb(50,127,210) |
hsl(211,64%,51%) |
#2a73c0 |
rgb(42,115,192) |
hsl(211,64%,46%) |
#2666ab |
rgb(38,102,171) |
hsl(211,64%,41%) |
#215a97 |
rgb(33,90,151) |
hsl(211,64%,36%) |
#1c4d82 |
rgb(28,77,130) |
hsl(211,64%,31%) |
#18416d |
rgb(24,65,109) |
hsl(211,64%,26%) |
#133458 |
rgb(19,52,88) |
hsl(211,64%,21%) |
#0f2843 |
rgb(15,40,67) |
hsl(211,64%,16%) |
#0a1b2e |
rgb(10,27,46) |
hsl(211,64%,11%) |
#060f19 |
rgb(6,15,25) |
hsl(211,64%,6%) |
#010204 |
rgb(1,2,4) |
hsl(211,64%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D1BB |
rgb(48,209,187) |
hsl(172,64%,50%) |
#307DD2 |
rgb(48,125,210) |
hsl(211,64%,51%) |
#4F30D2 |
rgb(79,48,210) |
hsl(251,64%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#73A8E0 |
rgb(115,168,224) |
hsl(211,64%,66%) |
#5191D9 |
rgb(81,145,217) |
hsl(212,64%,58%) |
#307DD2 |
rgb(48,125,210) |
hsl(211,64%,51%) |
#2669B2 |
rgb(38,105,178) |
hsl(211,65%,42%) |
#1F5490 |
rgb(31,84,144) |
hsl(212,65%,34%) |
#17406E |
rgb(23,64,110) |
hsl(212,65%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DD2 |
rgb(48,125,210) |
hsl(211,64%,51%) |
#D23330 |
rgb(210,51,48) |
hsl(1,64%,51%) |
#CED130 |
rgb(206,209,48) |
hsl(61,64%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DD2 |
rgb(48,125,210) |
hsl(211,64%,51%) |
#D28530 |
rgb(210,133,48) |
hsl(31,64%,51%) |
#30CFD2 |
rgb(48,207,210) |
hsl(181,64%,51%) |
#CED130 |
rgb(206,209,48) |
hsl(61,64%,50%) |