Sirocco - #678282 - RGB (103, 130, 130)

RGB (103, 130, 130) - #678282 - Sirocco Color Analysis & Informations

The color named Sirocco is represented by the hex code #678282, 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 #678282. In the RGB color space, the hex code #678282 is comprised of 40.4% red, 51% green, and 51% blue. The CMYK color model, used in printing, has a composition of 21% cyan, 0% magenta, 0% yellow, and 49% black. In the HSL color space, the hex code #678282 has a hue of 180°, 12% saturation, and 46% lightness. The decimal value of this color is 6,783,618. A version of the color that is 20% lighter is #4e6969, while the 20% darker version is #122d2d.

  1. #678282 - rgb(103, 130, 130) Color Schemes
  2. #678282 - rgb(103, 130, 130) Color Spaces
  3. #678282 - rgb(103, 130, 130) Alternatives Colours
  4. #678282 - rgb(103, 130, 130) Shades and Tints
  5. #678282 - rgb(103, 130, 130) Color Conversion
  6. #678282 - rgb(103, 130, 130) HTML/CSS Preview

Color Schemes with Sirocco (678282)

678273 678282 679582

#678282 Analogous Colors

828267 #678282 826782

#678282 Triadic Colors

824d67 #678282 82671c

#678282 Split Complementary Colors

678282 828567

#678282 Complementary Colors

6f8a8a 779292 7d9898 86a1a1 90abab 98b3b3

#678282 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 #678282

RGB Decimal 103, 130, 130
RGB Percent rgb(40.4%,51%,51%)
CMYK 21, 0, 0, 49
HSV 180°, 21°, 51°
HSL 180°, 12°, 46°
Web Safe #678282
XYZ XYZ(44, 49, 55)
Motivating Your Way to Success

The hexadecimal triplet #678282 definition is: Red = 103, Green = 130, Blue = 130 or CMYK: Cyan = 21, Magenta = 0, Yellow = 0, Black = 49

Alternatives colours to Sirocco (#678282)

6a8585 6d8888 708b8b 647f7f 617c7c 5e7979

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

Shades and Tints of #678282 Color Variations

001414 031e1e 0d2828 173232 213c3c 2b4646 355050 3f5a5a 496464 536e6e 5d7878 678282

#678282 Shade Color Variations

718c8c 7b9696 85a0a0 8faaaa 99b4b4 a3bebe adc8c8 b7d2d2 c1dcdc cbe6e6 d5f0f0 dffafa

#678282 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. #001414 is the darkest color, while #dffafa is the lightest one.

Sirocco - #678282 Color Conversions

  • 103 R
  • 130 G
  • 130 B
  • 180 H
  • 21 S
  • 51 V
  • 180 H
  • 12 S
  • 46 L

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

#678282 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #678282 web previews. Sample HTML/CSS paragraph codes using Sirocco color.

Sirocco #678282 Similar Colors

#cc3b77#5724f2#e06228#ffbdb7#036d0f#1c04a0
#6413af#9c6af2#bc0780#43acc6#a87ded#a0ffcc
Popular Free Books
The Edge E-Book Download
The EdgeDavid BaldacciMysteries & Thrillers2023-11-14
Verity E-Book Download
VerityColleen HooverMysteries & Thrillers2021-10-05
Apples Never Fall E-Book Download
Apples Never FallLiane MoriartyFiction & Literature2021-09-14
Percy Jackson and the Olympians, Book Five: The Last Olympian E-Book Download
Percy Jackson and the Olympians, Book Five: The Last OlympianRick RiordanAction & Adventure2009-05-02
It Ends with Us E-Book Download
It Ends with UsColleen HooverContemporary2016-08-02
The Secret E-Book Download
The SecretLee Child & Andrew ChildMysteries & Thrillers2023-10-24
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 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...

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

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

↑