HTML color code #2A7299

Color name: None
RGB: 42, 114, 153
HSL: 201.08deg, 56.92%, 38.24%
Web safe color: No

RGB complementary color:

A complementary color for this color is #995029.

Example text color using #2A7299

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:#2A7299;">Your text using HTML color code.</p>
<p style="color:rgb(42 114 153);">Your text using RGB color values.</p>
<p style="color:hsl(201.08deg 56.92% 38.24%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#2A7299; } </style>
<style> p { color:rgb(42 114 153); } </style>
<style> p { color:hsl(201.08deg 56.92% 38.24%); } </style>

All CSS and HTML color and color code questions.

Lighter colors

#347CA3

#3E86AD

#4890B7

#529AC1

#5CA4CB

#66AED5

#70B8DF

#7AC2E9

Darker colors

#20688F

#165E85

#0C547B

#024A71

#004067

#00365D

#002C53

#002249

Analogous colors

#295F99

#294D99

#293A99

#2B2999

#3E2999

#502999

#632999

#762999

Trinary colors

#2A7299

#992972

#729929

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