HTML color code for #536150

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

Complementary color

A good complementary color for this color is #5E4F61.

Example text color using #536150

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

CSS code example

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

Lighter colors

#5D6B5A
#677564
#717F6E
#7B8978
#859382
#8F9D8C
#99A796
#A3B1A0

Darker colors

#495746
#3F4D3C
#354332
#2B3928
#212F1E
#172514
#0D1B0A
#031100

Analogous colors

#50614F
#4F6152
#4F6155
#4F6158
#4F615B
#4F615E
#4F6161
#4F5E61

Trinary colors

#536150
#4F5361
#614F53
Tip

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

Computer Hope - HTML color codes - Top 100 color codes