Navy Blue - #1666ce - RGB (22, 102, 206)

RGB (22, 102, 206) - #1666ce - Navy Blue Color Analysis & Informations

The color named Navy Blue is represented by the hex code #1666ce, which consists of the symbol # and 6 letters or numbers in the hexadecimal numeral system. This page provides a detailed analysis of the hex code #1666ce. In the RGB color space, the hex code #1666CE is comprised of 8.6% red, 40% green, and 80.8% blue. The CMYK color model, used in printing, has a composition of 89% cyan, 50% magenta, 0% yellow, and 19% black. In the HSL color space, the hex code #1666ce has a hue of 214°, 81% saturation, and 45% lightness. The decimal value of this color is 1,468,110. A version of the color that is 20% lighter is #004db5, while the 20% darker version is #001179.

  1. #1666ce - rgb(22, 102, 206) Color Schemes
  2. #1666ce - rgb(22, 102, 206) Color Spaces
  3. #1666ce - rgb(22, 102, 206) Alternatives Colours
  4. #1666ce - rgb(22, 102, 206) Shades and Tints
  5. #1666ce - rgb(22, 102, 206) Color Conversion
  6. #1666ce - rgb(22, 102, 206) HTML/CSS Preview

Color Schemes with Navy Blue (1666ce)

16ce57 1666ce 1679ce

#1666ce Analogous Colors

66ce16 #1666ce ce1666

#1666ce Triadic Colors

ce3116 #1666ce ce1600

#1666ce Split Complementary Colors

1666ce ce6916

#1666ce Complementary Colors

1e6ed6 2676de 2c7ce4 3585ed 3f8ff7 4797ff

#1666ce Monochromatic Colors

In design, a color scheme refers to the chosen selection of colors. Colors chosen from neighboring hues on the color wheel are referred to as analogous colors, resulting in a pleasing combination due to their close relation. The triadic color harmony involves three colors that are evenly spaced from one another on the color wheel, forming a triangle. On the other hand, the split-complementary color scheme involves the use of three colors - the original color and two hues adjacent to its complement color.

Color spaces of Hex Code #1666CE

RGB Decimal 22, 102, 206
RGB Percent rgb(8.6%,40%,80.8%)
CMYK 89, 50, 0, 19
HSV 214°, 89°, 81°
HSL 214°, 81°, 45°
Web Safe #1666ce
XYZ XYZ(32, 36, 82)
Motivating Your Way to Success

The hexadecimal triplet #1666ce definition is: Red = 22, Green = 102, Blue = 206 or CMYK: Cyan = 89, Magenta = 50, Yellow = 0, Black = 19

Alternatives colours to Navy Blue (#1666ce)

1969d1 1c6cd4 1f6fd7 1363cb 1060c8 0d5dc5

Listed above are colors that are alternative to the hex color code #1666ce. This can be a useful resource if you are looking for alternative color options that complement your original choice.

Shades and Tints of #1666ce Color Variations

000060 00026a 000c74 00167e 002088 002a92 00349c 003ea6 0048b0 0252ba 0c5cc4 1666ce

#1666ce Shade Color Variations

2070d8 2a7ae2 3484ec 3e8ef6 4898ff 52a2ff 5cacff 66b6ff 70c0ff 7acaff 84d4ff 8edeff

#1666ce Tint Color Variations

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #000060 is the darkest color, while #8edeff is the lightest one.

Navy Blue - #1666ce Color Conversions

  • 22 R
  • 102 G
  • 206 B
  • 214 H
  • 89 S
  • 81 V
  • 214 H
  • 81 S
  • 45 L

This table contains information about #1666ce color values in the most popular color spaces: RGB, HSV, HSL.

#1666ce Color Codes for CSS3/HTML5 and Icon Previews

Text with Hexadecimal Color #1666ce
This sample text has a font color of #1666ce
<span style="color:#1666ce">Your text here..</span>
#1666ce Border Color
This sample element has a border color of #1666ce
<div style="border:1px solid #1666ce;">Your content here..</div>
#1666ce CSS3 Linear Gradient
<div style="background: -webkit-linear-gradient(left,#1666ce,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#1666ce,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#1666ce,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #1666ce,orange,yellow,green,blue,indigo,violet);">Your content here..</div>
#1666ce Background Color
This sample paragraph has a background color of #1666ce
<p style="background-color:#1666ce;">Your content here..</p>
#1666ce Text Shadow
This sample text has a shadow color of #1666ce
<p style="text-shadow:2px 2px 1px #1666ce">Your text here</p>
Sample text with glow color #1666ce
This sample text has a glow color of #1666ce
<span style="color:#000;text-shadow: 0 0 2px #1666ce">Your text here..</span>
#1666ce Box Shadow
This sample element has a box shadow of #1666ce
<div style="-moz-box-shadow:1px 1px 3px 2px #1666ce; -webkit-box-shadow:1px 1px 3px 2px #1666ce; box-shadow:1px 1px 3px 2px #1666ce;">Your content here..</div>
Sample text with Underline Color #1666ce
This sample text has a underline color of #1666ce
<span style="color:#000;border-bottom: 1px solid #1666ce">Your text here..</span>
A selection of SVG images/icons using the hex version #1666ce of the current color.

Hex Code #1666ce web previews. Sample HTML/CSS paragraph codes using Navy Blue color.

Navy Blue #1666ce Similar Colors

#a7f9d2#cc007a#030182#01961f#884ae0#166de0
#f98eae#f79825#98b524#d35879#62e0d3#f79bdd
Popular Free Books
A Court of Wings and Ruin E-Book Download
A Court of Wings and RuinSarah J. MaasFantasy2017-05-02
Fourth Wing E-Book Download
Fourth WingRebecca YarrosFantasy2023-05-02
The Heaven & Earth Grocery Store E-Book Download
The Heaven & Earth Grocery StoreJames McBrideHistorical2023-08-08
It Ends with Us E-Book Download
It Ends with UsColleen HooverContemporary2016-08-02
Mine To Keep E-Book Download
Mine To KeepNatasha MadisonRomance2023-12-29
Iron Flame E-Book Download
Iron FlameRebecca YarrosEpic2023-11-07
Blog
What is the highest converting Shopify theme?

The highest converting Shopify theme is one that effectively integrates the elements of good website design and user experience to increase conversions and drive sales. A theme with an aesthetically pleasing design, clear and concise messaging, and a...

What is GA4 and what are its benefits for shopify users?

GA4, also known as Google Analytics 4, is the latest iteration of Google’s popular web analytics platform. It was officially launched in October 2020, and it offers a range of new features and benefits for Shopify users. One of the biggest bene...

How do I integrate Google Analytics into Shopify?

Google Analytics is a powerful tool for tracking and analyzing website traffic and performance. Integrating Google Analytics into your Shopify store can provide valuable insights into your customer behavior and help you make data-driven decisions abo...

How will the release of GA4 affect your shopify business?

The release of Google Analytics 4 (GA4) is a significant event for e-commerce businesses, including those using Shopify. As the newest version of Google’s web analytics platform, GA4 offers a wealth of advanced features and capabilities that ca...

Is Shopify good for SEO?

Shopify is one of the most popular e-commerce platforms, with over one million active online stores. While Shopify’s focus is primarily on making it easy for businesses to set up an online store and sell products, it’s also important to c...

↑