HEX #307DD9 color — Mariner
The color #307DD9 is a dark shade and moderately saturated.
Palette
307DD9 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,69%,97%) |
#dde9f9 |
rgb(221,233,249) |
hsl(213,69%,92%) |
#c7dcf5 |
rgb(199,220,245) |
hsl(213,69%,87%) |
#b1cef1 |
rgb(177,206,241) |
hsl(213,69%,82%) |
#9cc0ed |
rgb(156,192,237) |
hsl(213,69%,77%) |
#86b3e9 |
rgb(134,179,233) |
hsl(213,69%,72%) |
#71a5e5 |
rgb(113,165,229) |
hsl(213,69%,67%) |
#5b97e1 |
rgb(91,151,225) |
hsl(213,69%,62%) |
#468add |
rgb(70,138,221) |
hsl(213,69%,57%) |
#307cd9 |
rgb(48,124,217) |
hsl(213,69%,52%) |
#2570cb |
rgb(37,112,203) |
hsl(213,69%,47%) |
#2164b5 |
rgb(33,100,181) |
hsl(213,69%,42%) |
#1d589f |
rgb(29,88,159) |
hsl(213,69%,37%) |
#194c8a |
rgb(25,76,138) |
hsl(213,69%,32%) |
#154074 |
rgb(21,64,116) |
hsl(213,69%,27%) |
#11345f |
rgb(17,52,95) |
hsl(213,69%,22%) |
#0d2849 |
rgb(13,40,73) |
hsl(213,69%,17%) |
#091c34 |
rgb(9,28,52) |
hsl(213,69%,12%) |
#06111e |
rgb(6,17,30) |
hsl(213,69%,7%) |
#020509 |
rgb(2,5,9) |
hsl(213,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D9C4 |
rgb(48,217,196) |
hsl(173,69%,52%) |
#307DD9 |
rgb(48,125,217) |
hsl(213,69%,52%) |
#5330D9 |
rgb(83,48,217) |
hsl(252,69%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77ABE6 |
rgb(119,171,230) |
hsl(212,69%,68%) |
#5394DF |
rgb(83,148,223) |
hsl(212,69%,60%) |
#307DD9 |
rgb(48,125,217) |
hsl(213,69%,52%) |
#2269BC |
rgb(34,105,188) |
hsl(212,69%,44%) |
#1B5498 |
rgb(27,84,152) |
hsl(213,70%,35%) |
#154074 |
rgb(21,64,116) |
hsl(213,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DD9 |
rgb(48,125,217) |
hsl(213,69%,52%) |
#D93830 |
rgb(217,56,48) |
hsl(3,69%,52%) |
#D1D930 |
rgb(209,217,48) |
hsl(63,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DD9 |
rgb(48,125,217) |
hsl(213,69%,52%) |
#D98C30 |
rgb(217,140,48) |
hsl(33,69%,52%) |
#30D1D9 |
rgb(48,209,217) |
hsl(183,69%,52%) |
#D1D930 |
rgb(209,217,48) |
hsl(63,69%,52%) |