HTML color code for #86A686

Color name: None
Colors that make up #86A686
RGB: 134, 166, 134 - HSL: 0.33, 0.15, 0.59
Web safe color: No

Complementary color

A good complementary color for this color is #A686A6.

Example text color using #86A686

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

CSS code example

<style> p { color: #86A686; } </style>

Lighter colors

#90B090
#9ABA9A
#A4C4A4
#AECEAE
#B8D8B8
#C2E2C2
#CCECCC
#D6F6D6

Darker colors

#7C9C7C
#729272
#688868
#5E7E5E
#547454
#4A6A4A
#406040
#365636

Analogous colors

#86A68C
#86A691
#86A696
#86A69B
#86A6A1
#86A6A6
#86A1A6
#869BA6

Trinary colors

#86A686
#8686A6
#A68686
Tip

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

Computer Hope - HTML color codes - Top 100 color codes