HTML color code for #506669

Color name: None
Colors that make up #506669
RGB: 80, 102, 105 - HSL: 0.52, 0.14, 0.36
Web safe color: No

Complementary color

A good complementary color for this color is #69524F.

Example text color using #506669

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:#506669">Your text here</p>

CSS code example

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

Lighter colors

#5A7073
#647A7D
#6E8487
#788E91
#82989B
#8CA2A5
#96ACAF
#A0B6B9

Darker colors

#465C5F
#3C5255
#32484B
#283E41
#1E3437
#142A2D
#0A2023
#001619

Analogous colors

#4F6169
#4F5D69
#4F5969
#4F5569
#4F5169
#524F69
#574F69
#5B4F69

Trinary colors

#506669
#694F66
#66694F
Tip

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

Computer Hope - HTML color codes - Top 100 color codes