HEX #3078C0 color — Mariner
The color #3078c0 is a dark shade and moderately saturated.
Palette
3078c0 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 |
#30BFA8 |
rgb(48,191,168) |
hsl(170,60%,47%) |
#3078C0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#4830C0 |
rgb(72,48,192) |
hsl(250,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#649ED8 |
rgb(100,158,216) |
hsl(210,60%,62%) |
#458CD0 |
rgb(69,140,208) |
hsl(209,60%,54%) |
#3078C0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#2866A1 |
rgb(40,102,161) |
hsl(209,60%,39%) |
#205282 |
rgb(32,82,130) |
hsl(209,60%,32%) |
#183D63 |
rgb(24,61,99) |
hsl(210,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#3078C0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#C03030 |
rgb(192,48,48) |
hsl(360,60%,47%) |
#C0BF30 |
rgb(192,191,48) |
hsl(60,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3078C0 |
rgb(48,120,192) |
hsl(210,60%,47%) |
#C07830 |
rgb(192,120,48) |
hsl(30,60%,47%) |
#30BFC0 |
rgb(48,191,192) |
hsl(180,60%,47%) |
#C0BF30 |
rgb(192,191,48) |
hsl(60,60%,47%) |