HTML color code for #56A5EC

Generic color name: Iceberg
Colors that make up #56A5EC
RGB: 86, 165, 236 - HSL: 0.58, 0.80, 0.63
Web safe color: No

Complementary color

A good complementary color for this color is #ED9C55.

Example text color using #56A5EC

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

CSS code example

<style> p { color: #56A5EC; } </style>

Lighter colors

#60AFF6
#6AB9FF
#74C3FF
#7ECDFF
#88D7FF
#92E1FF
#9CEBFF
#A6F5FF

Darker colors

#4C9BE2
#4291D8
#3887CE
#2E7DC4
#2473BA
#1A69B0
#105FA6
#06559C

Analogous colors

#558DED
#5574ED
#555AED
#6A55ED
#8355ED
#9C55ED
#B555ED
#CF55ED

Trinary colors

#56A5EC
#ED55A6
#A6ED55
Tip

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

Computer Hope - HTML color codes - Top 100 color codes