Astral - #306c9d - RGB (48, 108, 157)

RGB (48, 108, 157) - #306c9d - Astral Color Analysis & Informations

The color named Astral is represented by the hex code #306c9d, 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 #306c9d. In the RGB color space, the hex code #306C9D is comprised of 18.8% red, 42.4% green, and 61.6% blue. The CMYK color model, used in printing, has a composition of 69% cyan, 31% magenta, 0% yellow, and 38% black. In the HSL color space, the hex code #306c9d has a hue of 207°, 53% saturation, and 40% lightness. The decimal value of this color is 3,173,533. A version of the color that is 20% lighter is #175384, while the 20% darker version is #001748.

  1. #306c9d - rgb(48, 108, 157) Color Schemes
  2. #306c9d - rgb(48, 108, 157) Color Spaces
  3. #306c9d - rgb(48, 108, 157) Alternatives Colours
  4. #306c9d - rgb(48, 108, 157) Shades and Tints
  5. #306c9d - rgb(48, 108, 157) Color Conversion
  6. #306c9d - rgb(48, 108, 157) HTML/CSS Preview

Color Schemes with Astral (306c9d)

309d5d 306c9d 307f9d

#306c9d Analogous Colors

6c9d30 #306c9d 9d306c

#306c9d Triadic Colors

9d3730 #306c9d 9d3006

#306c9d Split Complementary Colors

306c9d 9d6f30

#306c9d Complementary Colors

3874a5 407cad 4682b3 4f8bbc 5995c6 619dce

#306c9d 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 #306C9D

RGB Decimal 48, 108, 157
RGB Percent rgb(18.8%,42.4%,61.6%)
CMYK 69, 31, 0, 38
HSV 207°, 69°, 62°
HSL 207°, 53°, 40°
Web Safe #306c9d
XYZ XYZ(34, 39, 64)
Motivating Your Way to Success

The hexadecimal triplet #306c9d definition is: Red = 48, Green = 108, Blue = 157 or CMYK: Cyan = 69, Magenta = 31, Yellow = 0, Black = 38

Alternatives colours to Astral (#306c9d)

336fa0 3672a3 3975a6 2d699a 2a6697 276394

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

Shades and Tints of #306c9d Color Variations

00002f 000839 001243 001c4d 002657 003061 003a6b 084475 124e7f 1c5889 266293 306c9d

#306c9d Shade Color Variations

3a76a7 4480b1 4e8abb 5894c5 629ecf 6ca8d9 76b2e3 80bced 8ac6f7 94d0ff 9edaff a8e4ff

#306c9d 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. #00002f is the darkest color, while #a8e4ff is the lightest one.

Astral - #306c9d Color Conversions

  • 48 R
  • 108 G
  • 157 B
  • 207 H
  • 69 S
  • 62 V
  • 207 H
  • 53 S
  • 40 L

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

#306c9d Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #306c9d web previews. Sample HTML/CSS paragraph codes using Astral color.

Astral #306c9d Similar Colors

#40efa0#fceeb5#c994ef#2556b2#4dd6c6#91e1ea
#b75001#28b78c#684fad#e0714c#d68ef2#ff9659
Popular Free Books
Demon Copperhead E-Book Download
Demon CopperheadBarbara KingsolverFiction & Literature2022-10-18
Lessons in Chemistry E-Book Download
Lessons in ChemistryBonnie GarmusFiction & Literature2022-04-05
Percy Jackson and the Olympians, Book Two: The Sea of Monsters E-Book Download
Percy Jackson and the Olympians, Book Two: The Sea of MonstersRick RiordanAction & Adventure2009-05-02
The Battle of the Labyrinth (Percy Jackson and the Olympians, Book 4) E-Book Download
The Battle of the Labyrinth (Percy Jackson and the Olympians, Book 4)Rick RiordanAction & Adventure2009-05-02
The Secret E-Book Download
The SecretLee Child & Andrew ChildMysteries & Thrillers2023-10-24
Percy Jackson and the Olympians, Book Five: The Last Olympian E-Book Download
Percy Jackson and the Olympians, Book Five: The Last OlympianRick RiordanAction & Adventure2009-05-02
Blog
Does Google Analytics work with Shopify?

Google Analytics is a powerful tool for businesses to measure the performance of their online presence and make data-driven decisions. It provides a wealth of data and insights on website traffic, user behavior, and conversions, allowing businesses t...

Mastering Shopify: Proven Strategies to Generate Revenue and Succeed in E-commerce

A Comprehensive Guide to Monetizing Your Shopify Store E-commerce has grown exponentially in recent years, and Shopify has become a leading platform for businesses looking to launch an online store. With its user-friendly interface, extensive app sto...

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...

Is it worth buying a prebuilt Shopify store?

For those looking to launch a successful ecommerce store quickly and with minimal effort, buying a prebuilt Shopify store can be an attractive option. But is it worth it? In this article, we’ll look at the pros and cons of purchasing an existin...

When will shopify support ga4?

Shopify is a leading e-commerce platform that allows businesses of all sizes to create and manage an online store with ease. It provides a comprehensive range of features and functionalities to help businesses sell their products and services to a gl...

↑