HTML color code for #554770

Color name: None
Colors that make up #554770
RGB: 85, 71, 112 - HSL: 0.72, 0.22, 0.36
Web safe color: No

Complementary color

A good complementary color for this color is #627047.

Example text color using #554770

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

CSS code example

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

All CSS and HTML color and color code questions.

Lighter colors

#5F517A

#695B84

#73658E

#7D6F98

#8779A2

#9183AC

#9B8DB6

#A597C0

Darker colors

#4B3D66

#41335C

#372952

#2D1F48

#23153E

#190B34

#0F012A

#050020

Analogous colors

#5B4770

#624770

#694770

#704770

#704769

#704762

#70475B

#704755

Trinary colors

#554770

#705547

#477055

Tip

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

Computer Hope - HTML color codes - Top 100 color codes