Moonstone - #3696c2 - RGB (54, 150, 194)

RGB (54, 150, 194) - #3696c2 - Moonstone Color Analysis & Informations

The color named Moonstone is represented by the hex code #3696c2, 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 #3696c2. In the RGB color space, the hex code #3696C2 is comprised of 21.2% red, 58.8% green, and 76.1% blue. The CMYK color model, used in printing, has a composition of 72% cyan, 23% magenta, 0% yellow, and 24% black. In the HSL color space, the hex code #3696c2 has a hue of 199°, 56% saturation, and 49% lightness. The decimal value of this color is 3,577,538. A version of the color that is 20% lighter is #1d7da9, while the 20% darker version is #00416d.

  1. #3696c2 - rgb(54, 150, 194) Color Schemes
  2. #3696c2 - rgb(54, 150, 194) Color Spaces
  3. #3696c2 - rgb(54, 150, 194) Alternatives Colours
  4. #3696c2 - rgb(54, 150, 194) Shades and Tints
  5. #3696c2 - rgb(54, 150, 194) Color Conversion
  6. #3696c2 - rgb(54, 150, 194) HTML/CSS Preview

Color Schemes with Moonstone (3696c2)

36c287 3696c2 36a9c2

#3696c2 Analogous Colors

96c236 #3696c2 c23696

#3696c2 Triadic Colors

c26136 #3696c2 c23630

#3696c2 Split Complementary Colors

3696c2 c29936

#3696c2 Complementary Colors

3e9eca 46a6d2 4cacd8 55b5e1 5fbfeb 67c7f3

#3696c2 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 #3696C2

RGB Decimal 54, 150, 194
RGB Percent rgb(21.2%,58.8%,76.1%)
CMYK 72, 23, 0, 24
HSV 199°, 72°, 76°
HSL 199°, 56°, 49°
Web Safe #3696c2
XYZ XYZ(44, 52, 80)
Motivating Your Way to Success

The hexadecimal triplet #3696c2 definition is: Red = 54, Green = 150, Blue = 194 or CMYK: Cyan = 72, Magenta = 23, Yellow = 0, Black = 24

Alternatives colours to Moonstone (#3696c2)

3999c5 3c9cc8 3f9fcb 3393bf 3090bc 2d8db9

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

Shades and Tints of #3696c2 Color Variations

002854 00325e 003c68 004672 00507c 005a86 046490 0e6e9a 1878a4 2282ae 2c8cb8 3696c2

#3696c2 Shade Color Variations

40a0cc 4aaad6 54b4e0 5ebeea 68c8f4 72d2fe 7cdcff 86e6ff 90f0ff 9afaff a4ffff aeffff

#3696c2 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. #002854 is the darkest color, while #aeffff is the lightest one.

Moonstone - #3696c2 Color Conversions

  • 54 R
  • 150 G
  • 194 B
  • 199 H
  • 72 S
  • 76 V
  • 199 H
  • 56 S
  • 49 L

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

#3696c2 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #3696c2 web previews. Sample HTML/CSS paragraph codes using Moonstone color.

Moonstone #3696c2 Similar Colors

#72f9e5#3857a0#90edcb#e0e01d#70dd6a#f26ff0
#18a397#8387ef#6b94e0#623ba0#c94a48#77f9ef
Popular Free Books
Alex Cross Must Die E-Book Download
Alex Cross Must DieJames PattersonMysteries & Thrillers2023-11-20
The Secret E-Book Download
The SecretLee Child & Andrew ChildMysteries & Thrillers2023-10-24
Apples Never Fall E-Book Download
Apples Never FallLiane MoriartyFiction & Literature2021-09-14
None of This Is True E-Book Download
None of This Is TrueLisa JewellMysteries & Thrillers2023-08-08
On a Quiet Street E-Book Download
On a Quiet StreetSeraphina Nova GlassMysteries & Thrillers2022-05-17
Rich AF E-Book Download
Rich AFVivian TuPersonal Finance2023-12-26
Blog
How can you prepare for the release of GA4

The release of GA4, or Google Analytics 4, represents a major step forward for web analytics and businesses. With its advanced measurement capabilities, user-friendly interface, and improved privacy features, GA4 has the potential to revolutionize th...

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 set up GA4 e-commerce tracking on Shopify?

Google Analytics 4 (GA4) is the latest version of Google Analytics and provides a comprehensive suite of measurement tools for businesses. One important feature of GA4 is its e-commerce tracking capability, which allows businesses to track the perfor...

Is GA4 compatible with Shopify?

Google Analytics 4 (GA4) is a next-generation analytics solution introduced by Google in October 2020. It offers enhanced features, such as a more powerful data model and built-in machine learning capabilities, compared to its predecessor, Universal ...

Is Oberlo free with Shopify?

Oberlo is an app that makes it easier to dropship products on Shopify. It enables users to search through millions of products, add them to their store, and start selling without having to buy in bulk or maintain any inventory. Many people wonder if ...

↑