Lapis Lazuli - #3c5db9 - RGB (60, 93, 185)

RGB (60, 93, 185) - #3c5db9 - Lapis Lazuli Color Analysis & Informations

The color named Lapis Lazuli is represented by the hex code #3c5db9, 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 #3c5db9. In the RGB color space, the hex code #3C5DB9 is comprised of 23.5% red, 36.5% green, and 72.5% blue. The CMYK color model, used in printing, has a composition of 68% cyan, 50% magenta, 0% yellow, and 27% black. In the HSL color space, the hex code #3c5db9 has a hue of 224°, 51% saturation, and 48% lightness. The decimal value of this color is 3,956,153. A version of the color that is 20% lighter is #2344a0, while the 20% darker version is #000864.

  1. #3c5db9 - rgb(60, 93, 185) Color Schemes
  2. #3c5db9 - rgb(60, 93, 185) Color Spaces
  3. #3c5db9 - rgb(60, 93, 185) Alternatives Colours
  4. #3c5db9 - rgb(60, 93, 185) Shades and Tints
  5. #3c5db9 - rgb(60, 93, 185) Color Conversion
  6. #3c5db9 - rgb(60, 93, 185) HTML/CSS Preview

Color Schemes with Lapis Lazuli (3c5db9)

3cb94e 3c5db9 3c70b9

#3c5db9 Analogous Colors

5db93c #3c5db9 b93c5d

#3c5db9 Triadic Colors

b9283c #3c5db9 b93cff

#3c5db9 Split Complementary Colors

3c5db9 b9603c

#3c5db9 Complementary Colors

4465c1 4c6dc9 5273cf 5b7cd8 6586e2 6d8eea

#3c5db9 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 #3C5DB9

RGB Decimal 60, 93, 185
RGB Percent rgb(23.5%,36.5%,72.5%)
CMYK 68, 50, 0, 27
HSV 224°, 68°, 73°
HSL 224°, 51°, 48°
Web Safe #3c5db9
XYZ XYZ(36, 36, 74)
Motivating Your Way to Success

The hexadecimal triplet #3c5db9 definition is: Red = 60, Green = 93, Blue = 185 or CMYK: Cyan = 68, Magenta = 50, Yellow = 0, Black = 27

Alternatives colours to Lapis Lazuli (#3c5db9)

3f60bc 4263bf 4566c2 395ab6 3657b3 3354b0

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

Shades and Tints of #3c5db9 Color Variations

00004b 000055 00035f 000d69 001773 00217d 0a2b87 143591 1e3f9b 2849a5 3253af 3c5db9

#3c5db9 Shade Color Variations

4667c3 5071cd 5a7bd7 6485e1 6e8feb 7899f5 82a3ff 8cadff 96b7ff a0c1ff aacbff b4d5ff

#3c5db9 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. #00004b is the darkest color, while #b4d5ff is the lightest one.

Lapis Lazuli - #3c5db9 Color Conversions

  • 60 R
  • 93 G
  • 185 B
  • 224 H
  • 68 S
  • 73 V
  • 224 H
  • 51 S
  • 48 L

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

#3c5db9 Color Codes for CSS3/HTML5 and Icon Previews

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

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

Lapis Lazuli #3c5db9 Similar Colors

#0abace#7fbbd8#b23ee0#dd7e2a#1b7396#e23172
#6e27d1#add3ed#9493d8#64efa3#71dd9e#0c71c9
Popular Free Books
A Court of Silver Flames E-Book Download
A Court of Silver FlamesSarah J. MaasFantasy2021-02-16
The Edge E-Book Download
The EdgeDavid BaldacciMysteries & Thrillers2023-11-14
Atomic Habits E-Book Download
Atomic HabitsJames ClearManagement & Leadership2018-10-16
Romancing Mister Bridgerton E-Book Download
Romancing Mister BridgertonJulia QuinnHistorical2015-11-24
Mine To Keep E-Book Download
Mine To KeepNatasha MadisonRomance2023-12-29
Sweet Spot E-Book Download
Sweet SpotSusan MalleryFiction & Literature2018-08-27
Blog
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...

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

Is ClickFunnels better than Shopify?

The question of whether ClickFunnels or Shopify is the better e-commerce solution has been a hotly debated topic among online entrepreneurs and retailers alike. Both platforms offer their own unique advantages and drawbacks, so choosing between them ...

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

↑