Valencia - #d4393e - RGB (212, 57, 62)

RGB (212, 57, 62) - #d4393e - Valencia Color Analysis & Informations

The color named Valencia is represented by the hex code #d4393e, 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 #d4393e. In the RGB color space, the hex code #D4393E is comprised of 83.1% red, 22.4% green, and 24.3% blue. The CMYK color model, used in printing, has a composition of 0% cyan, 73% magenta, 71% yellow, and 17% black. In the HSL color space, the hex code #d4393e has a hue of 358°, 64% saturation, and 53% lightness. The decimal value of this color is 13,908,286. A version of the color that is 20% lighter is #bb2025, while the 20% darker version is #7f0000.

  1. #d4393e - rgb(212, 57, 62) Color Schemes
  2. #d4393e - rgb(212, 57, 62) Color Spaces
  3. #d4393e - rgb(212, 57, 62) Alternatives Colours
  4. #d4393e - rgb(212, 57, 62) Shades and Tints
  5. #d4393e - rgb(212, 57, 62) Color Conversion
  6. #d4393e - rgb(212, 57, 62) HTML/CSS Preview

Color Schemes with Valencia (d4393e)

d43e2a d4393e d44c3e

#d4393e Analogous Colors

393ed4 #d4393e 3ed439

#d4393e Triadic Colors

3e04d4 #d4393e 3ed4ff

#d4393e Split Complementary Colors

d4393e 3e3cd4

#d4393e Complementary Colors

dc4146 e4494e ea4f54 f3585d fd6267 ff6a6f

#d4393e 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 #D4393E

RGB Decimal 212, 57, 62
RGB Percent rgb(83.1%,22.4%,24.3%)
CMYK 0, 73, 71, 17
HSV 358°, 73°, 83°
HSL 358°, 64°, 53°
Web Safe #d4393e
XYZ XYZ(47, 35, 27)
Motivating Your Way to Success

The hexadecimal triplet #d4393e definition is: Red = 212, Green = 57, Blue = 62 or CMYK: Cyan = 0, Magenta = 73, Yellow = 71, Black = 17

Alternatives colours to Valencia (#d4393e)

d73c41 da3f44 dd4247 d1363b ce3338 cb3035

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

Shades and Tints of #d4393e Color Variations

660000 700000 7a0000 840000 8e0000 980002 a2070c ac1116 b61b20 c0252a ca2f34 d4393e

#d4393e Shade Color Variations

de4348 e84d52 f2575c fc6166 ff6b70 ff757a ff7f84 ff898e ff9398 ff9da2 ffa7ac ffb1b6

#d4393e 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. #660000 is the darkest color, while #ffb1b6 is the lightest one.

Valencia - #d4393e Color Conversions

  • 212 R
  • 57 G
  • 62 B
  • 358 H
  • 73 S
  • 83 V
  • 358 H
  • 64 S
  • 53 L

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

#d4393e Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #d4393e web previews. Sample HTML/CSS paragraph codes using Valencia color.

Valencia #d4393e Similar Colors

#f6f9a2#f65bff#443bba#6074db#e2ffb2#dbe54b
#d3f791#f7c98c#efaebd#d38415#edbe9a#dd1aa6
Popular Free Books
A Court of Thorns and Roses E-Book Download
A Court of Thorns and RosesSarah J. MaasFantasy2015-05-05
A Court of Wings and Ruin E-Book Download
A Court of Wings and RuinSarah J. MaasFantasy2017-05-02
The Alchemist E-Book Download
The AlchemistPaulo CoelhoLiterary2015-02-24
Atomic Habits E-Book Download
Atomic HabitsJames ClearManagement & Leadership2018-10-16
It Ends with Us E-Book Download
It Ends with UsColleen HooverContemporary2016-08-02
Alex Cross Must Die E-Book Download
Alex Cross Must DieJames PattersonMysteries & Thrillers2023-11-20
Blog
How do I add a logo to my header in Shopify?

Shopify is a popular e-commerce platform that allows businesses to create and manage an online store. One of the key elements of any online store is the header, which is the top part of the website that typically contains the logo, navigation menu, a...

What is the highest converting Shopify theme?

The highest converting Shopify theme is one that effectively integrates the elements of good website design and user experience to increase conversions and drive sales. A theme with an aesthetically pleasing design, clear and concise messaging, and a...

Is Buying a Prebuilt Shopify Store Worth It? A Comprehensive Analysis

Introduction: The Allure of Prebuilt Shopify Stores In the world of e-commerce, time is money. Business owners are constantly looking for ways to streamline processes, save time, and generate revenue quickly. Prebuilt Shopify stores have emerged as a...

How do I integrate Google Analytics into Shopify?

Google Analytics is a powerful tool for tracking and analyzing website traffic and performance. Integrating Google Analytics into your Shopify store can provide valuable insights into your customer behavior and help you make data-driven decisions abo...

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

↑