HEX #307AD8 color — Mariner
The color #307AD8 is a dark shade and moderately saturated.
Palette
307AD8 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,68%,97%) |
#dde9f8 |
rgb(221,233,248) |
hsl(214,68%,92%) |
#c7dbf4 |
rgb(199,219,244) |
hsl(214,68%,87%) |
#b2cdf0 |
rgb(178,205,240) |
hsl(214,68%,82%) |
#9cbfec |
rgb(156,191,236) |
hsl(214,68%,77%) |
#87b1e8 |
rgb(135,177,232) |
hsl(214,68%,72%) |
#72a3e4 |
rgb(114,163,228) |
hsl(214,68%,67%) |
#5c95e0 |
rgb(92,149,224) |
hsl(214,68%,62%) |
#4787dc |
rgb(71,135,220) |
hsl(214,68%,57%) |
#317ad8 |
rgb(49,122,216) |
hsl(214,68%,52%) |
#266dc9 |
rgb(38,109,201) |
hsl(214,68%,47%) |
#2261b4 |
rgb(34,97,180) |
hsl(214,68%,42%) |
#1e569f |
rgb(30,86,159) |
hsl(214,68%,37%) |
#1a4a89 |
rgb(26,74,137) |
hsl(214,68%,32%) |
#163f74 |
rgb(22,63,116) |
hsl(214,68%,27%) |
#12335e |
rgb(18,51,94) |
hsl(214,68%,22%) |
#0e2749 |
rgb(14,39,73) |
hsl(214,68%,17%) |
#0a1c33 |
rgb(10,28,51) |
hsl(214,68%,12%) |
#06101e |
rgb(6,16,30) |
hsl(214,68%,7%) |
#020509 |
rgb(2,5,9) |
hsl(214,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D9C6 |
rgb(48,217,198) |
hsl(173,69%,52%) |
#307AD8 |
rgb(48,122,216) |
hsl(214,68%,52%) |
#5630D8 |
rgb(86,48,216) |
hsl(254,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A8E5 |
rgb(119,168,229) |
hsl(213,68%,68%) |
#5391DE |
rgb(83,145,222) |
hsl(213,68%,60%) |
#307AD8 |
rgb(48,122,216) |
hsl(214,68%,52%) |
#2366BA |
rgb(35,102,186) |
hsl(213,68%,43%) |
#1C5297 |
rgb(28,82,151) |
hsl(214,69%,35%) |
#154073 |
rgb(21,64,115) |
hsl(213,69%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AD8 |
rgb(48,122,216) |
hsl(214,68%,52%) |
#D83B30 |
rgb(216,59,48) |
hsl(4,68%,52%) |
#CED930 |
rgb(206,217,48) |
hsl(64,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AD8 |
rgb(48,122,216) |
hsl(214,68%,52%) |
#D88F30 |
rgb(216,143,48) |
hsl(34,68%,52%) |
#30CFD8 |
rgb(48,207,216) |
hsl(183,68%,52%) |
#CED930 |
rgb(206,217,48) |
hsl(64,69%,52%) |