HTML color code for #31A5D6

Colors that make up #31A5D6
Color name: None
RGB: 49, 165, 214 - HSL: 0.55, 0.67, 0.52
Web safe color: No

Complementary color

A good complementary color for this color is #D66331.

Example text color using #31A5D6

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 is a sentence using every character: The quick brown fox jumps over the lazy dog. 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 is a sentence using every character: The quick brown fox jumps over the lazy dog. Bold text. Italic text. With Underline.

HTML code example

<p style="color:#31A5D6">Your text here</p>

CSS code example

<style> p { color: #31A5D6; } </style>

Lighter colors

#3BAFE0
#45B9EA
#4FC3F4
#59CDFE
#63D7FF
#6DE1FF
#77EBFF
#81F5FF

Darker colors

#279BCC
#1D91C2
#1387B8
#097DAE
#0073A4
#00699A
#005F90
#005586

Analogous colors

#3189D6
#316ED6
#3152D6
#3137D6
#4731D6
#6331D6
#7E31D6
#9A31D6

Trinary colors

#31A5D6
#D631A5
#A5D631
Tip

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

Computer Hope - HTML color codes - Top color codes