HTML color code for #556A6D

Color name: None
Colors that make up #556A6D
RGB: 85, 106, 109 - HSL: 0.52, 0.12, 0.38
Web safe color: No

Complementary color

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

Example text color using #556A6D

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

CSS code example

<style> p { color: #556A6D; } </style>

Lighter colors

#5F7477
#697E81
#73888B
#7D9295
#879C9F
#91A6A9
#9BB0B3
#A5BABD

Darker colors

#4B6063
#415659
#374C4F
#2D4245
#23383B
#192E31
#0F2427
#051A1D

Analogous colors

#56666E
#56626E
#565E6E
#565A6E
#56566E
#59566E
#5D566E
#61566E

Trinary colors

#556A6D
#6E566A
#6A6E56
Tip

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

Computer Hope - HTML color codes - Top 100 color codes