HTML color code for #506153

Color name: None
Colors that make up #506153
RGB: 80, 97, 83 - HSL: 0.36, 0.10, 0.35
Web safe color: No

Complementary color

A good complementary color for this color is #614F5E.

Example text color using #506153

This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

                    

This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

                    

HTML using color code example

<p style="color:#506153">Your text here</p>

CSS code example

<style> p { color: #506153; } </style>

Lighter colors

#5A6B5D
#647567
#6E7F71
#78897B
#829385
#8C9D8F
#96A799
#A0B1A3

Darker colors

#465749
#3C4D3F
#324335
#28392B
#1E2F21
#142517
#0A1B0D
#001103

Analogous colors

#4F6156
#4F6158
#4F615B
#4F615E
#4F6161
#4F5E61
#4F5B61
#4F5861

Trinary colors

#506153
#534F61
#61534F
Tip

Enter any HTML color code into our search to get results like this page.

Computer Hope - HTML color codes - Top 100 color codes