Punch - #d63826 - RGB (214, 56, 38)

RGB (214, 56, 38) - #d63826 - Punch Color Analysis & Informations

The color named Punch is represented by the hex code #d63826, 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 #d63826. In the RGB color space, the hex code #D63826 is comprised of 83.9% red, 22% green, and 14.9% blue. The CMYK color model, used in printing, has a composition of 0% cyan, 74% magenta, 82% yellow, and 16% black. In the HSL color space, the hex code #d63826 has a hue of 6°, 70% saturation, and 49% lightness. The decimal value of this color is 14,039,078. A version of the color that is 20% lighter is #bd1f0d, while the 20% darker version is #810000.

  1. #d63826 - rgb(214, 56, 38) Color Schemes
  2. #d63826 - rgb(214, 56, 38) Color Spaces
  3. #d63826 - rgb(214, 56, 38) Alternatives Colours
  4. #d63826 - rgb(214, 56, 38) Shades and Tints
  5. #d63826 - rgb(214, 56, 38) Color Conversion
  6. #d63826 - rgb(214, 56, 38) HTML/CSS Preview

Color Schemes with Punch (d63826)

d62629 d63826 d64b26

#d63826 Analogous Colors

3826d6 #d63826 26d638

#d63826 Triadic Colors

2603d6 #d63826 26d6ff

#d63826 Split Complementary Colors

d63826 263bd6

#d63826 Complementary Colors

de402e e64836 ec4e3c f55745 ff614f ff6957

#d63826 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 #D63826

RGB Decimal 214, 56, 38
RGB Percent rgb(83.9%,22%,14.9%)
CMYK 0, 74, 82, 16
HSV 6°, 82°, 84°
HSL 6°, 70°, 49°
Web Safe #d63826
XYZ XYZ(45, 35, 18)
Motivating Your Way to Success

The hexadecimal triplet #d63826 definition is: Red = 214, Green = 56, Blue = 38 or CMYK: Cyan = 0, Magenta = 74, Yellow = 82, Black = 16

Alternatives colours to Punch (#d63826)

d93b29 dc3e2c df412f d33523 d03220 cd2f1d

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

Shades and Tints of #d63826 Color Variations

680000 720000 7c0000 860000 900000 9a0000 a40600 ae1000 b81a08 c22412 cc2e1c d63826

#d63826 Shade Color Variations

e04230 ea4c3a f45644 fe604e ff6a58 ff7462 ff7e6c ff8876 ff9280 ff9c8a ffa694 ffb09e

#d63826 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. #680000 is the darkest color, while #ffb09e is the lightest one.

Punch - #d63826 Color Conversions

  • 214 R
  • 56 G
  • 38 B
  • 6 H
  • 82 S
  • 84 V
  • 6 H
  • 70 S
  • 49 L

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

#d63826 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #d63826 web previews. Sample HTML/CSS paragraph codes using Punch color.

Punch #d63826 Similar Colors

#86e283#fc0064#5cd6c9#251375#7dd639#7fd2db
#f7e92a#d7f226#1b4c7c#68f9d3#cc7d1c#17efc0
Popular Free Books
Fourth Wing E-Book Download
Fourth WingRebecca YarrosFantasy2023-05-02
The Silo Series Collection E-Book Download
The Silo Series CollectionHugh HoweyFiction & Literature2020-05-19
Iron Flame E-Book Download
Iron FlameRebecca YarrosEpic2023-11-07
Too Late E-Book Download
Too LateColleen HooverMysteries & Thrillers2023-06-27
A Court of Thorns and Roses E-Book Download
A Court of Thorns and RosesSarah J. MaasFantasy2015-05-05
Inheritance E-Book Download
InheritanceNora RobertsSuspense2023-11-21
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...

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

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

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

What changes or updates do you hope to see in GA4

Google Analytics 4 (GA4) is the latest version of Google’s web analytics platform, designed to provide marketers and business owners with a more robust and sophisticated way to track their website’s performance. Since its launch in 2020, ...

↑