Royal Blue - #6854dd - RGB (104, 84, 221)

RGB (104, 84, 221) - #6854dd - Royal Blue Color Analysis & Informations

The color named Royal Blue is represented by the hex code #6854dd, 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 #6854dd. In the RGB color space, the hex code #6854DD is comprised of 40.8% red, 32.9% green, and 86.7% blue. The CMYK color model, used in printing, has a composition of 53% cyan, 62% magenta, 0% yellow, and 13% black. In the HSL color space, the hex code #6854dd has a hue of 249°, 67% saturation, and 60% lightness. The decimal value of this color is 6,837,469. A version of the color that is 20% lighter is #4f3bc4, while the 20% darker version is #130088.

  1. #6854dd - rgb(104, 84, 221) Color Schemes
  2. #6854dd - rgb(104, 84, 221) Color Spaces
  3. #6854dd - rgb(104, 84, 221) Alternatives Colours
  4. #6854dd - rgb(104, 84, 221) Shades and Tints
  5. #6854dd - rgb(104, 84, 221) Color Conversion
  6. #6854dd - rgb(104, 84, 221) HTML/CSS Preview

Color Schemes with Royal Blue (6854dd)

68dd45 6854dd 6867dd

#6854dd Analogous Colors

54dd68 #6854dd dd6854

#6854dd Triadic Colors

dd1f68 #6854dd dd68ff

#6854dd Split Complementary Colors

6854dd dd5768

#6854dd Complementary Colors

705ce5 7864ed 7e6af3 8773fc 917dff 9985ff

#6854dd 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 #6854DD

RGB Decimal 104, 84, 221
RGB Percent rgb(40.8%,32.9%,86.7%)
CMYK 53, 62, 0, 13
HSV 249°, 62°, 87°
HSL 249°, 67°, 60°
Web Safe #6854dd
XYZ XYZ(44, 38, 87)
Motivating Your Way to Success

The hexadecimal triplet #6854dd definition is: Red = 104, Green = 84, Blue = 221 or CMYK: Cyan = 53, Magenta = 62, Yellow = 0, Black = 13

Alternatives colours to Royal Blue (#6854dd)

6b57e0 6e5ae3 715de6 6551da 624ed7 5f4bd4

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

Shades and Tints of #6854dd Color Variations

00006f 040079 0e0083 18048d 220e97 2c18a1 3622ab 402cb5 4a36bf 5440c9 5e4ad3 6854dd

#6854dd Shade Color Variations

725ee7 7c68f1 8672fb 907cff 9a86ff a490ff ae9aff b8a4ff c2aeff ccb8ff d6c2ff e0ccff

#6854dd 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. #00006f is the darkest color, while #e0ccff is the lightest one.

Royal Blue - #6854dd Color Conversions

  • 104 R
  • 84 G
  • 221 B
  • 249 H
  • 62 S
  • 87 V
  • 249 H
  • 67 S
  • 60 L

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

#6854dd Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #6854dd web previews. Sample HTML/CSS paragraph codes using Royal Blue color.

Royal Blue #6854dd Similar Colors

#00cc4e#6add96#1dc428#163add#1da386#53067c
#cc992c#d8e20f#f7b6b4#f4bae7#ff32ad#7e5cd6
Popular Free Books
Just for the Summer E-Book Download
Just for the SummerAbby JimenezRomantic Comedies2024-04-02
Pursuit E-Book Download
PursuitKaren RobardsMysteries & Thrillers2009-03-24
To Sir Phillip, With Love E-Book Download
To Sir Phillip, With LoveJulia QuinnHistorical Romance2017-01-31
Dark Angel E-Book Download
Dark AngelJohn SandfordMysteries & Thrillers2023-04-11
Hostage to Thunder Horse E-Book Download
Hostage to Thunder HorseElle JamesWestern Romance2010-11-01
Camino Ghosts E-Book Download
Camino GhostsJohn GrishamMysteries & Thrillers2024-05-28
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...

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

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

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

↑