HTML color code for #506567

Color name: None
Colors that make up #506567
RGB: 80, 101, 103 - HSL: 0.51, 0.13, 0.36
Web safe color: No

Complementary color

A good complementary color for this color is #665150.

Example text color using #506567

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

CSS code example

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

Lighter colors

#5A6F71
#64797B
#6E8385
#788D8F
#829799
#8CA1A3
#96ABAD
#A0B5B7

Darker colors

#465B5D
#3C5153
#324749
#283D3F
#1E3335
#14292B
#0A1F21
#001517

Analogous colors

#506066
#505D66
#505966
#505566
#505166
#515066
#555066
#595066

Trinary colors

#506567
#665064
#646650
Tip

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

Computer Hope - HTML color codes - Top 100 color codes