Lapis Lazuli - #3873c1 - RGB (56, 115, 193)

RGB (56, 115, 193) - #3873c1 - Lapis Lazuli Color Analysis & Informations

The color named Lapis Lazuli is represented by the hex code #3873c1, 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 #3873c1. In the RGB color space, the hex code #3873C1 is comprised of 22% red, 45.1% green, and 75.7% blue. The CMYK color model, used in printing, has a composition of 71% cyan, 40% magenta, 0% yellow, and 24% black. In the HSL color space, the hex code #3873c1 has a hue of 214°, 55% saturation, and 49% lightness. The decimal value of this color is 3,699,649. A version of the color that is 20% lighter is #1f5aa8, while the 20% darker version is #001e6c.

  1. #3873c1 - rgb(56, 115, 193) Color Schemes
  2. #3873c1 - rgb(56, 115, 193) Color Spaces
  3. #3873c1 - rgb(56, 115, 193) Alternatives Colours
  4. #3873c1 - rgb(56, 115, 193) Shades and Tints
  5. #3873c1 - rgb(56, 115, 193) Color Conversion
  6. #3873c1 - rgb(56, 115, 193) HTML/CSS Preview

Color Schemes with Lapis Lazuli (3873c1)

38c164 3873c1 3886c1

#3873c1 Analogous Colors

73c138 #3873c1 c13873

#3873c1 Triadic Colors

c13e38 #3873c1 c1380d

#3873c1 Split Complementary Colors

3873c1 c17638

#3873c1 Complementary Colors

407bc9 4883d1 4e89d7 5792e0 619cea 69a4f2

#3873c1 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 #3873C1

RGB Decimal 56, 115, 193
RGB Percent rgb(22%,45.1%,75.7%)
CMYK 71, 40, 0, 24
HSV 214°, 71°, 76°
HSL 214°, 55°, 49°
Web Safe #3873c1
XYZ XYZ(39, 42, 78)
Motivating Your Way to Success

The hexadecimal triplet #3873c1 definition is: Red = 56, Green = 115, Blue = 193 or CMYK: Cyan = 71, Magenta = 40, Yellow = 0, Black = 24

Alternatives colours to Lapis Lazuli (#3873c1)

3b76c4 3e79c7 417cca 3570be 326dbb 2f6ab8

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

Shades and Tints of #3873c1 Color Variations

000553 000f5d 001967 002371 002d7b 003785 06418f 104b99 1a55a3 245fad 2e69b7 3873c1

#3873c1 Shade Color Variations

427dcb 4c87d5 5691df 609be9 6aa5f3 74affd 7eb9ff 88c3ff 92cdff 9cd7ff a6e1ff b0ebff

#3873c1 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. #000553 is the darkest color, while #b0ebff is the lightest one.

Lapis Lazuli - #3873c1 Color Conversions

  • 56 R
  • 115 G
  • 193 B
  • 214 H
  • 71 S
  • 76 V
  • 214 H
  • 55 S
  • 49 L

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

#3873c1 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #3873c1 web previews. Sample HTML/CSS paragraph codes using Lapis Lazuli color.

Lapis Lazuli #3873c1 Similar Colors

#a9fcd8#757dce#4fdd7f#fca4d7#ccc50c#c0f8f9
#d843d6#f99a77#a6e043#fcc1a1#6cd87c#85ef5b
Popular Free Books
Storm E-Book Download
StormAbbi GlinesNew Adult Romance2024-06-26
Shōgun, Part One (The Asian Saga) E-Book Download
Shōgun, Part One (The Asian Saga)James ClavellHistorical Fiction2023-12-12
To Sir Phillip, With Love E-Book Download
To Sir Phillip, With LoveJulia QuinnHistorical Romance2017-01-31
Eruption E-Book Download
EruptionMichael Crichton & James PattersonMysteries & Thrillers2024-06-03
Iron Flame E-Book Download
Iron FlameRebecca YarrosEpic Fantasy2023-11-07
Lies I Taught in Medical School E-Book Download
Lies I Taught in Medical SchoolRobert Lufkin, MDHealth, Mind & Body2024-06-04
Blog
Is GA4 replacing Google Analytics?

Google Analytics 4 (GA4) is the latest iteration of Google’s popular web analytics platform, which has been widely adopted by businesses and organizations to track their website traffic and gather valuable insights into their audience and perfo...

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

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

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

↑