HTML color code #486AC6

Color name: None
RGB: 72, 106, 198
HSL: 223.81deg, 52.50%, 52.94%
Web safe color: No

RGB complementary color:

A complementary color for this color is #C7A548.

Example text color using #486AC6

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:#486AC6;">Your text using HTML color code.</p>
<p style="color:rgb(72 106 198);">Your text using RGB color values.</p>
<p style="color:hsl(223.81deg 52.50% 52.94%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#486AC6; } </style>
<style> p { color:rgb(72 106 198); } </style>
<style> p { color:hsl(223.81deg 52.50% 52.94%); } </style>

All CSS and HTML color and color code questions.

Lighter colors

#5274D0

#5C7EDA

#6688E4

#7092EE

#7A9CF8

#84A6FF

#8EB0FF

#98BAFF

Darker colors

#3E60BC

#3456B2

#2A4CA8

#20429E

#163894

#0C2E8A

#022480

#001A76

Analogous colors

#4854C7

#5048C7

#6548C7

#7B48C7

#9048C7

#A548C7

#BA48C7

#C748BE

Trinary colors

#486AC6

#C7486A

#6AC748

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