HTML color code for #486A5C

Color name: None
Colors that make up #486A5C
RGB: 72, 106, 92 - HSL: 0.43, 0.19, 0.35
Web safe color: No

Complementary color

A good complementary color for this color is #6B4957.

Example text color using #486A5C

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

CSS code example

<style> p { color: #486A5C; } </style>

Lighter colors

#527466
#5C7E70
#66887A
#709284
#7A9C8E
#84A698
#8EB0A2
#98BAAC

Darker colors

#3E6052
#345648
#2A4C3E
#204234
#16382A
#0C2E20
#022416
#001A0C

Analogous colors

#496B63
#496B68
#49686B
#49636B
#495D6B
#49576B
#49516B
#494C6B

Trinary colors

#486A5C
#5D496B
#6B5D49
Tip

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

Computer Hope - HTML color codes - Top 100 color codes