HTML color code #558DC5

Color name: None
RGB: 85, 141, 197
HSL: 210deg, 49.12%, 55.29%
Web safe color: No

RGB complementary color:

A complementary color for this color is #C48C54.

Example text color using #558DC5

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 examples

<p style="color:#558DC5;">Your text using HTML color code.</p>
<p style="color:rgb(85 141 197);">Your text using RGB color values.</p>
<p style="color:hsl(210deg 49.12% 55.29%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#558DC5; } </style>
<style> p { color:rgb(85 141 197); } </style>
<style> p { color:hsl(210deg 49.12% 55.29%); } </style>

Lighter colors

#5F97CF
#69A1D9
#73ABE3
#7DB5ED
#87BFF7
#91C9FF
#9BD3FF
#A5DDFF

Darker colors

#4B83BB
#4179B1
#376FA7
#2D659D
#235B93
#195189
#0F477F
#053D75

Analogous colors

#547AC4
#5467C4
#5454C4
#6754C4
#7A54C4
#8C54C4
#9F54C4
#B254C4

Trinary colors

#558DC5
#C4548C
#8CC454

Adjacent colors

#040720
#0C090A
#34282C
#3B3131
#3A3B3C
#454545
#4D4D4F
#413839
Tip

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

Computer Hope - HTML color codes - Top 100 color codes