Canary - #3a0efc - RGB (58, 14, 252)

RGB (58, 14, 252) - #3a0efc - Canary Color Analysis & Informations

The color named Canary is represented by the hex code #3a0efc, 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 #3a0efc. In the RGB color space, the hex code #3A0EFC is comprised of 22.7% red, 5.5% green, and 98.8% blue. The CMYK color model, used in printing, has a composition of 77% cyan, 94% magenta, 0% yellow, and 1% black. In the HSL color space, the hex code #3a0efc has a hue of 251°, 98% saturation, and 52% lightness. The decimal value of this color is 3,804,924. A version of the color that is 20% lighter is #2100e3, while the 20% darker version is #0000a7.

  1. #3a0efc - rgb(58, 14, 252) Color Schemes
  2. #3a0efc - rgb(58, 14, 252) Color Spaces
  3. #3a0efc - rgb(58, 14, 252) Alternatives Colours
  4. #3a0efc - rgb(58, 14, 252) Shades and Tints
  5. #3a0efc - rgb(58, 14, 252) Color Conversion
  6. #3a0efc - rgb(58, 14, 252) HTML/CSS Preview

Color Schemes with Canary (3a0efc)

3afcff 3a0efc 3a21fc

#3a0efc Analogous Colors

0efc3a #3a0efc fc3a0e

#3a0efc Triadic Colors

fcffff #3a0efc fc3aff

#3a0efc Split Complementary Colors

3a0efc fc113a

#3a0efc Complementary Colors

4216ff 4a1eff 5024ff 592dff 6337ff 6b3fff

#3a0efc 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 #3A0EFC

RGB Decimal 58, 14, 252
RGB Percent rgb(22.7%,5.5%,98.8%)
CMYK 77, 94, 0, 1
HSV 251°, 94°, 99°
HSL 251°, 98°, 52°
Web Safe #3a0efc
XYZ XYZ(29, 16, 95)
Motivating Your Way to Success

The hexadecimal triplet #3a0efc definition is: Red = 58, Green = 14, Blue = 252 or CMYK: Cyan = 77, Magenta = 94, Yellow = 0, Black = 1

Alternatives colours to Canary (#3a0efc)

3d11ff 4014ff 4317ff 370bf9 3408f6 3105f3

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

Shades and Tints of #3a0efc Color Variations

00008e 000098 0000a2 0000ac 0000b6 0000c0 0800ca 1200d4 1c00de 2600e8 3004f2 3a0efc

#3a0efc Shade Color Variations

4418ff 4e22ff 582cff 6236ff 6c40ff 764aff 8054ff 8a5eff 9468ff 9e72ff a87cff b286ff

#3a0efc 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. #00008e is the darkest color, while #b286ff is the lightest one.

Canary - #3a0efc Color Conversions

  • 58 R
  • 14 G
  • 252 B
  • 251 H
  • 94 S
  • 99 V
  • 251 H
  • 98 S
  • 52 L

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

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

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

Hex Code #3a0efc web previews. Sample HTML/CSS paragraph codes using Canary color.

Canary #3a0efc Similar Colors

#829dff#9e77f9#1a7ba8#0e49d3#647dc1#2cf959
#c27fdb#498e00#b74619#50e5a4#f796d5#b51926
Popular Free Books
Think Twice E-Book Download
Think TwiceHarlan CobenMysteries & Thrillers2024-05-14
Shanghai E-Book Download
ShanghaiJoseph KanonMysteries & Thrillers2024-06-25
Resurrection E-Book Download
ResurrectionDanielle SteelFiction & Literature2024-06-25
Jackdaws E-Book Download
JackdawsKen FollettHistorical Fiction2001-12-01
Grave Descend E-Book Download
Grave DescendMichael CrichtonCozy Mysteries2023-06-27
Our Little Secret E-Book Download
Our Little SecretLisa JacksonMysteries & Thrillers2024-06-25
Blog
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 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 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...

10 Proven Strategies to Increase Website Traffic and Boost Your Online Presence

Hey there! Are you tired of staring at your website analytics and wishing those numbers would magically increase? Well, you’re in luck! In this article, we’re going to share with you 10 proven strategies to skyrocket your website traffic ...

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

↑