HEX #307DBE color — Mariner
The color #307DBE is a dark shade and moderately saturated.
Palette
307DBE color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(207,60%,97%) |
#deecf7 |
rgb(222,236,247) |
hsl(207,60%,92%) |
#cae0f2 |
rgb(202,224,242) |
hsl(207,60%,87%) |
#b6d4ed |
rgb(182,212,237) |
hsl(207,60%,82%) |
#a1c8e8 |
rgb(161,200,232) |
hsl(207,60%,77%) |
#8dbce2 |
rgb(141,188,226) |
hsl(207,60%,72%) |
#78b0dd |
rgb(120,176,221) |
hsl(207,60%,67%) |
#64a4d8 |
rgb(100,164,216) |
hsl(207,60%,62%) |
#5098d3 |
rgb(80,152,211) |
hsl(207,60%,57%) |
#3b8cce |
rgb(59,140,206) |
hsl(207,60%,52%) |
#307fc0 |
rgb(48,127,192) |
hsl(207,60%,47%) |
#2b72ab |
rgb(43,114,171) |
hsl(207,60%,42%) |
#266497 |
rgb(38,100,151) |
hsl(207,60%,37%) |
#215683 |
rgb(33,86,131) |
hsl(207,60%,32%) |
#1c496e |
rgb(28,73,110) |
hsl(207,60%,27%) |
#163b5a |
rgb(22,59,90) |
hsl(207,60%,22%) |
#112e45 |
rgb(17,46,69) |
hsl(207,60%,17%) |
#0c2031 |
rgb(12,32,49) |
hsl(207,60%,12%) |
#07131d |
rgb(7,19,29) |
hsl(207,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(207,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BFA0 |
rgb(48,191,160) |
hsl(167,60%,47%) |
#307DBE |
rgb(48,125,190) |
hsl(207,60%,47%) |
#4130BE |
rgb(65,48,190) |
hsl(247,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#62A3D7 |
rgb(98,163,215) |
hsl(207,59%,61%) |
#448FCF |
rgb(68,143,207) |
hsl(208,59%,54%) |
#307DBE |
rgb(48,125,190) |
hsl(207,60%,47%) |
#28699F |
rgb(40,105,159) |
hsl(207,60%,39%) |
#205481 |
rgb(32,84,129) |
hsl(208,60%,32%) |
#184062 |
rgb(24,64,98) |
hsl(208,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#307DBE |
rgb(48,125,190) |
hsl(207,60%,47%) |
#BE3036 |
rgb(190,48,54) |
hsl(357,60%,47%) |
#BEB830 |
rgb(190,184,48) |
hsl(57,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307DBE |
rgb(48,125,190) |
hsl(207,60%,47%) |
#BE7030 |
rgb(190,112,48) |
hsl(27,60%,47%) |
#30BFB8 |
rgb(48,191,184) |
hsl(177,60%,47%) |
#BEB830 |
rgb(190,184,48) |
hsl(57,60%,47%) |