HTML color code for #556766

Color name: None
Colors that make up #556766
RGB: 85, 103, 102 - HSL: 0.49, 0.10, 0.37
Web safe color: No

Complementary color

A good complementary color for this color is #665556.

Example text color using #556766

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

CSS code example

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

All CSS and HTML color and color code questions.

Lighter colors

#5F7170

#697B7A

#738584

#7D8F8E

#879998

#91A3A2

#9BADAC

#A5B7B6

Darker colors

#4B5D5C

#415352

#374948

#2D3F3E

#233534

#192B2A

#0F2120

#051716

Analogous colors

#556466

#556166

#555E66

#555B66

#555866

#555666

#575566

#5A5566

Trinary colors

#556766

#655566

#666555

Tip

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

Computer Hope - HTML color codes - Top 100 color codes