HTML color code #314297

Color name: None
RGB: 49, 66, 151
HSL: 230deg, 51.00%, 39.22%
Web safe color: No

RGB complementary color:

A complementary color for this color is #968530.

Example text color using #314297

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:#314297;">Your text using HTML color code.</p>
<p style="color:rgb(49 66 151);">Your text using RGB color values.</p>
<p style="color:hsl(230deg 51.00% 39.22%);">Your text using HSL color values.</p>

CSS code examples

<style> p { color:#314297; } </style>
<style> p { color:rgb(49 66 151); } </style>
<style> p { color:hsl(230deg 51.00% 39.22%); } </style>

All CSS and HTML color and color code questions.

Lighter colors

#3B4CA1

#4556AB

#4F60B5

#596ABF

#6374C9

#6D7ED3

#7788DD

#8192E7

Darker colors

#27388D

#1D2E83

#132479

#091A6F

#001065

#00065B

#000051

#000047

Analogous colors

#303096

#413096

#523096

#633096

#743096

#853096

#963096

#963085

Trinary colors

#314297

#963041

#419630

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