Blue Gray - #030f9b - RGB (3, 15, 155)

RGB (3, 15, 155) - #030f9b - Blue Gray Color Analysis & Informations

The color named Blue Gray is represented by the hex code #030f9b, 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 #030f9b. In the RGB color space, the hex code #030F9B is comprised of 1.2% red, 5.9% green, and 60.8% blue. The CMYK color model, used in printing, has a composition of 98% cyan, 90% magenta, 0% yellow, and 39% black. In the HSL color space, the hex code #030f9b has a hue of 235°, 96% saturation, and 31% lightness. The decimal value of this color is 200,603. A version of the color that is 20% lighter is #000082, while the 20% darker version is #000046.

  1. #030f9b - rgb(3, 15, 155) Color Schemes
  2. #030f9b - rgb(3, 15, 155) Color Spaces
  3. #030f9b - rgb(3, 15, 155) Alternatives Colours
  4. #030f9b - rgb(3, 15, 155) Shades and Tints
  5. #030f9b - rgb(3, 15, 155) Color Conversion
  6. #030f9b - rgb(3, 15, 155) HTML/CSS Preview

Color Schemes with Blue Gray (030f9b)

039b00 030f9b 03229b

#030f9b Analogous Colors

0f9b03 #030f9b 9b030f

#030f9b Triadic Colors

9bffff #030f9b 9b03ff

#030f9b Split Complementary Colors

030f9b 9b1203

#030f9b Complementary Colors

0b17a3 131fab 1925b1 222eba 2c38c4 3440cc

#030f9b 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 #030F9B

RGB Decimal 3, 15, 155
RGB Percent rgb(1.2%,5.9%,60.8%)
CMYK 98, 90, 0, 39
HSV 235°, 98°, 61°
HSL 235°, 96°, 31°
Web Safe #030f9b
XYZ XYZ(14, 9, 58)
Motivating Your Way to Success

The hexadecimal triplet #030f9b definition is: Red = 3, Green = 15, Blue = 155 or CMYK: Cyan = 98, Magenta = 90, Yellow = 0, Black = 39

Alternatives colours to Blue Gray (#030f9b)

06129e 0915a1 0c18a4 000c98 000995 000692

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

Shades and Tints of #030f9b Color Variations

00002d 000037 000041 00004b 000055 00005f 000069 000073 00007d 000087 000591 030f9b

#030f9b Shade Color Variations

0d19a5 1723af 212db9 2b37c3 3541cd 3f4bd7 4955e1 535feb 5d69f5 6773ff 717dff 7b87ff

#030f9b 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. #00002d is the darkest color, while #7b87ff is the lightest one.

Blue Gray - #030f9b Color Conversions

  • 3 R
  • 15 G
  • 155 B
  • 235 H
  • 98 S
  • 61 V
  • 235 H
  • 96 S
  • 31 L

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

#030f9b Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #030f9b web previews. Sample HTML/CSS paragraph codes using Blue Gray color.

Blue Gray #030f9b Similar Colors

#a757e0#0cffde#cc470e#508cb7#66d8e2#ea614f
#5eaed6#dbd829#1a63ad#e88d66#a994dd#abf7a5
Popular Free Books
The Boys in the Boat E-Book Download
The Boys in the BoatDaniel James BrownSports & Outdoors2013-06-04
Sweet Spot E-Book Download
Sweet SpotSusan MalleryFiction & Literature2018-08-27
Inheritance E-Book Download
InheritanceNora RobertsSuspense2023-11-21
The Alchemist E-Book Download
The AlchemistPaulo CoelhoLiterary2015-02-24
Mine To Keep E-Book Download
Mine To KeepNatasha MadisonRomance2023-12-29
Atomic Habits E-Book Download
Atomic HabitsJames ClearManagement & Leadership2018-10-16
Blog
How do I add a logo to my header in Shopify?

Shopify is a popular e-commerce platform that allows businesses to create and manage an online store. One of the key elements of any online store is the header, which is the top part of the website that typically contains the logo, navigation menu, a...

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

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

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

↑