HEX #307AC6 color — Mariner
The color #307AC6 is a dark shade and moderately saturated.
Palette
307AC6 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(210,61%,98%) |
#e2edf8 |
rgb(226,237,248) |
hsl(210,61%,93%) |
#cee0f3 |
rgb(206,224,243) |
hsl(210,61%,88%) |
#b9d4ee |
rgb(185,212,238) |
hsl(210,61%,83%) |
#a5c7e9 |
rgb(165,199,233) |
hsl(210,61%,78%) |
#90bae4 |
rgb(144,186,228) |
hsl(210,61%,73%) |
#7caddf |
rgb(124,173,223) |
hsl(210,61%,68%) |
#67a1da |
rgb(103,161,218) |
hsl(210,61%,63%) |
#5394d5 |
rgb(83,148,213) |
hsl(210,61%,58%) |
#3e87d0 |
rgb(62,135,208) |
hsl(210,61%,53%) |
#307ac5 |
rgb(48,122,197) |
hsl(210,61%,48%) |
#2b6eb1 |
rgb(43,110,177) |
hsl(210,61%,43%) |
#26619c |
rgb(38,97,156) |
hsl(210,61%,38%) |
#215487 |
rgb(33,84,135) |
hsl(210,61%,33%) |
#1c4773 |
rgb(28,71,115) |
hsl(210,61%,28%) |
#173b5e |
rgb(23,59,94) |
hsl(210,61%,23%) |
#122e4a |
rgb(18,46,74) |
hsl(210,61%,18%) |
#0d2135 |
rgb(13,33,53) |
hsl(210,61%,13%) |
#081421 |
rgb(8,20,33) |
hsl(210,61%,8%) |
#03080c |
rgb(3,8,12) |
hsl(210,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C7AE |
rgb(48,199,174) |
hsl(170,61%,48%) |
#307AC6 |
rgb(48,122,198) |
hsl(210,61%,48%) |
#4A30C6 |
rgb(74,48,198) |
hsl(250,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A1DA |
rgb(105,161,218) |
hsl(210,60%,63%) |
#4A8FD3 |
rgb(74,143,211) |
hsl(210,61%,56%) |
#307AC6 |
rgb(48,122,198) |
hsl(210,61%,48%) |
#2866A6 |
rgb(40,102,166) |
hsl(210,61%,40%) |
#205486 |
rgb(32,84,134) |
hsl(209,61%,33%) |
#184066 |
rgb(24,64,102) |
hsl(209,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AC6 |
rgb(48,122,198) |
hsl(210,61%,48%) |
#C63030 |
rgb(198,48,48) |
hsl(360,61%,48%) |
#C5C730 |
rgb(197,199,48) |
hsl(61,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AC6 |
rgb(48,122,198) |
hsl(210,61%,48%) |
#C67D30 |
rgb(198,125,48) |
hsl(31,61%,48%) |
#30C4C6 |
rgb(48,196,198) |
hsl(181,61%,48%) |
#C5C730 |
rgb(197,199,48) |
hsl(61,61%,48%) |