HTML color code #558DB0

Color name: None
RGB: 85, 141, 176
HSL: 203.08deg, 36.55%, 51.18%
Web safe color: No

RGB complementary color:

A complementary color for this color is #B07854.

Example text color using #558DB0

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:#558DB0;">Your text using HTML color code.</p>
<p style="color:rgb(85 141 176);">Your text using RGB color values.</p>
<p style="color:hsl(203.08deg 36.55% 51.18%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#558DB0; } </style>
<style> p { color:rgb(85 141 176); } </style>
<style> p { color:hsl(203.08deg 36.55% 51.18%); } </style>

Lighter colors

#5F97BA
#69A1C4
#73ABCE
#7DB5D8
#87BFE2
#91C9EC
#9BD3F6
#A5DDFF

Darker colors

#4B83A6
#41799C
#376F92
#2D6588
#235B7E
#195174
#0F476A
#053D60

Analogous colors

#547EB0
#546EB0
#545FB0
#5954B0
#6854B0
#7854B0
#8754B0
#9654B0

Trinary colors

#558DB0
#B0548D
#8DB054

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