Suggestions for text color and font on grey background

Can anybody suggest some colors and simple fonts fot text (heading) on a grey background. Please check the image attached.

Thank you!         color suggestion
dshrenikAsked:
Who is Participating?
 
roynaufalConnect With a Mentor Commented:
verdana with one of these colors should look nice:
#3baabb
#33CCCC
#96BC43
0
 
jeremyjared74Connect With a Mentor Commented:
Here are some suggestions and the code to go with it: Headers
Arial Font White CSS:

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
h1 {
	font-size: 42px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 24px;
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 14px;
	font-variant: small-caps;

	}
	
=================================================

Trebuchet MS Font White CSS:

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #FFF;
h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 24px;
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 14px;
	font-variant: small-caps;

	}
	
=================================================

Palatino Linotype Font White CSS:

h1, h2, h3, h4, h5, h6 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #FFF;
h1 {
	font-size: 42px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 24px;
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 14px;
	font-variant: small-caps;

	}

=================================================

Trebuchet MS Font White CSS:

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #FFF;
h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 24px;
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 14px;
	font-variant: small-caps;

	}
	
=================================================

Palatino Linotype Font Red CSS:

h1, h2, h3, h4, h5, h6 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #550000;
h1 {
	font-size: 42px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 24px;
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 16px;
	}
h6 {
	font-size: 14px;
	font-variant: small-caps;

	}

Open in new window

0
 
dshrenikAuthor Commented:
I dont need any code. More snapshots with font name and color will be good enough.
Thanks!
0
Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

 
jeremyjared74Connect With a Mentor Commented:
Ok, here are a few more:
More-Fonts.jpg
0
 
garfldConnect With a Mentor Commented:
Navy blue is gorgeous with grey.

Georgia is a very elegant font and everybody has it.
0
 
BillDLConnect With a Mentor Commented:
It really all depends entirely what overall effect you want on the viewer.  You might be looking for more of a blending of shades so that the text heading appears to be chiselled into the background or embossed onto it, in which case you could use a darker shade of grey. Depending on what image editing applications you have at your disposal, you could use more than one colour and create a 3-D type of text effect.

To make the text heading stand out most dramatically and just appear quite obviously as text on a background with the maximum visibility, you could start off with a text colour that is an almost exact opposite (ie. negative) colour of the background. The grey background to your header is (R,G,B) A9, B0, BB. Making the image a negative, the opposing colour is 56, 4F, 44, so you could try that for a starting colour and adjust.

It looks like you are creating image GUI parts for a program or application judging by your "theme" image name.  You could draw some inspiration by creating a new Windows Theme or colour "scheme" and see how the Title Bar, etc. shows, then use the same colours.

Sorry for not providing screenshots, but what I'm trying to say is that different people have very different tastes and there are so many hues of the same basic colour that you may get 200 screenshots, you would like 2 of them, I would like a few of the others, and each other person reading this would like yet another couple.  While you may look at your favourites and say "Yes! That's perfect", I might look at the same ones and say "Oh, no! That just doesn't look right".

It depends on what you intend to use the image(s) for.  One rendering might look perfect for elements of a web-based application in a whole web page, but not for some other application installed on someone's computer where you are just seeing a dialogue in isolation.

If this was a poster for some marketing use I suppose there would be some basic "rules" about what works and doesn't work for best visual impact, or what makes for a seamless blending of components, but even "rules" are open to individual interpretation dependent entirely on the desired effect on the eye.

So, what are you going to use the image for?
0
 
dshrenikAuthor Commented:
Thanks for the very informative mail!
The screenshot I posted is actually a PowerPoint slide from my presentation.
I have got some very nice suggestions, but just looking to have a few more! :)
0
 
BillDLCommented:
Thank you dshrenik
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.