HEX #307AC2 color — Mariner
The color #307AC2 is a dark shade and moderately saturated.
Palette
307AC2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(210,60%,97%) |
#deebf7 |
rgb(222,235,247) |
hsl(210,60%,92%) |
#cadef2 |
rgb(202,222,242) |
hsl(210,60%,87%) |
#b6d1ed |
rgb(182,209,237) |
hsl(210,60%,82%) |
#a1c4e8 |
rgb(161,196,232) |
hsl(210,60%,77%) |
#8db8e2 |
rgb(141,184,226) |
hsl(210,60%,72%) |
#78abdd |
rgb(120,171,221) |
hsl(210,60%,67%) |
#649ed8 |
rgb(100,158,216) |
hsl(210,60%,62%) |
#5091d3 |
rgb(80,145,211) |
hsl(210,60%,57%) |
#3b85ce |
rgb(59,133,206) |
hsl(210,60%,52%) |
#3078c0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#2b6bab |
rgb(43,107,171) |
hsl(210,60%,42%) |
#265e97 |
rgb(38,94,151) |
hsl(210,60%,37%) |
#215283 |
rgb(33,82,131) |
hsl(210,60%,32%) |
#1c456e |
rgb(28,69,110) |
hsl(210,60%,27%) |
#16385a |
rgb(22,56,90) |
hsl(210,60%,22%) |
#112b45 |
rgb(17,43,69) |
hsl(210,60%,17%) |
#0c1f31 |
rgb(12,31,49) |
hsl(210,60%,12%) |
#07121d |
rgb(7,18,29) |
hsl(210,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(210,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30C2A8 |
rgb(48,194,168) |
hsl(169,60%,47%) |
#307AC2 |
rgb(48,122,194) |
hsl(210,60%,47%) |
#4730C2 |
rgb(71,48,194) |
hsl(249,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#66A1D9 |
rgb(102,161,217) |
hsl(209,60%,63%) |
#478CD1 |
rgb(71,140,209) |
hsl(210,60%,55%) |
#307AC2 |
rgb(48,122,194) |
hsl(210,60%,47%) |
#2866A2 |
rgb(40,102,162) |
hsl(210,60%,40%) |
#205483 |
rgb(32,84,131) |
hsl(208,61%,32%) |
#184064 |
rgb(24,64,100) |
hsl(208,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#307AC2 |
rgb(48,122,194) |
hsl(210,60%,47%) |
#C23031 |
rgb(194,48,49) |
hsl(360,60%,47%) |
#C2C230 |
rgb(194,194,48) |
hsl(60,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307AC2 |
rgb(48,122,194) |
hsl(210,60%,47%) |
#C27830 |
rgb(194,120,48) |
hsl(30,60%,47%) |
#30C2C1 |
rgb(48,194,193) |
hsl(180,60%,47%) |
#C2C230 |
rgb(194,194,48) |
hsl(60,60%,47%) |