HTML color code #2196F4

Color name: None
RGB: 33, 150, 244
HSL: 206.73deg, 90.56%, 54.31%
Web safe color: No

RGB complementary color:

A complementary color for this color is #F58122.

Example text color using #2196F4

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:#2196F4;">Your text using HTML color code.</p>
<p style="color:rgb(33 150 244);">Your text using RGB color values.</p>
<p style="color:hsl(206.73deg 90.56% 54.31%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#2196F4; } </style>
<style> p { color:rgb(33 150 244); } </style>
<style> p { color:hsl(206.73deg 90.56% 54.31%); } </style>

Lighter colors

#2BA0FE
#35AAFF
#3FB4FF
#49BEFF
#53C8FF
#5DD2FF
#67DCFF
#71E6FF

Darker colors

#178CEA
#0D82E0
#0378D6
#006ECC
#0064C2
#005AB8
#0050AE
#0046A4

Analogous colors

#2273F5
#2250F5
#222DF5
#3B22F5
#5E22F5
#8122F5
#A422F5
#C722F5

Trinary colors

#2196F4
#F52296
#96F522

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