Maroon - #bd3c54 - RGB (189, 60, 84)

RGB (189, 60, 84) - #bd3c54 - Maroon Color Analysis & Informations

The color named Maroon is represented by the hex code #bd3c54, 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 #bd3c54. In the RGB color space, the hex code #BD3C54 is comprised of 74.1% red, 23.5% green, and 32.9% blue. The CMYK color model, used in printing, has a composition of 0% cyan, 68% magenta, 56% yellow, and 26% black. In the HSL color space, the hex code #bd3c54 has a hue of 349°, 52% saturation, and 49% lightness. The decimal value of this color is 12,401,748. A version of the color that is 20% lighter is #a4233b, while the 20% darker version is #680000.

  1. #bd3c54 - rgb(189, 60, 84) Color Schemes
  2. #bd3c54 - rgb(189, 60, 84) Color Spaces
  3. #bd3c54 - rgb(189, 60, 84) Alternatives Colours
  4. #bd3c54 - rgb(189, 60, 84) Shades and Tints
  5. #bd3c54 - rgb(189, 60, 84) Color Conversion
  6. #bd3c54 - rgb(189, 60, 84) HTML/CSS Preview

Color Schemes with Maroon (bd3c54)

bd542d bd3c54 bd4f54

#bd3c54 Analogous Colors

3c54bd #bd3c54 54bd3c

#bd3c54 Triadic Colors

5407bd #bd3c54 54bdff

#bd3c54 Split Complementary Colors

bd3c54 543fbd

#bd3c54 Complementary Colors

c5445c cd4c64 d3526a dc5b73 e6657d ee6d85

#bd3c54 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 #BD3C54

RGB Decimal 189, 60, 84
RGB Percent rgb(74.1%,23.5%,32.9%)
CMYK 0, 68, 56, 26
HSV 349°, 68°, 74°
HSL 349°, 52°, 49°
Web Safe #bd3c54
XYZ XYZ(45, 35, 36)
Motivating Your Way to Success

The hexadecimal triplet #bd3c54 definition is: Red = 189, Green = 60, Blue = 84 or CMYK: Cyan = 0, Magenta = 68, Yellow = 56, Black = 26

Alternatives colours to Maroon (#bd3c54)

c03f57 c3425a c6455d ba3951 b7364e b4334b

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

Shades and Tints of #bd3c54 Color Variations

4f0000 590000 630000 6d0004 77000e 810018 8b0a22 95142c 9f1e36 a92840 b3324a bd3c54

#bd3c54 Shade Color Variations

c7465e d15068 db5a72 e5647c ef6e86 f97890 ff829a ff8ca4 ff96ae ffa0b8 ffaac2 ffb4cc

#bd3c54 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. #4f0000 is the darkest color, while #ffb4cc is the lightest one.

Maroon - #bd3c54 Color Conversions

  • 189 R
  • 60 G
  • 84 B
  • 349 H
  • 68 S
  • 74 V
  • 349 H
  • 52 S
  • 49 L

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

#bd3c54 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #bd3c54 web previews. Sample HTML/CSS paragraph codes using Maroon color.

Maroon #bd3c54 Similar Colors

#ed8004#e86392#aded76#4cf435#211699#2ebab0
#f7733b#f9bdbb#ffc4dd#95ea60#33db15#f46016
Popular Free Books
Rich AF E-Book Download
Rich AFVivian TuPersonal Finance2023-12-26
A Court of Wings and Ruin E-Book Download
A Court of Wings and RuinSarah J. MaasFantasy2017-05-02
Lightning Thief, The (Percy Jackson and the Olympians, Book 1) E-Book Download
Lightning Thief, The (Percy Jackson and the Olympians, Book 1)Rick RiordanAction & Adventure2009-05-02
Inside Threat E-Book Download
Inside ThreatMatthew QuirkMysteries & Thrillers2023-06-13
Atomic Habits E-Book Download
Atomic HabitsJames ClearManagement & Leadership2018-10-16
Resurrection Walk E-Book Download
Resurrection WalkMichael ConnellyMysteries & Thrillers2023-11-07
Blog
Is Shopify good for SEO?

Shopify is one of the most popular e-commerce platforms, with over one million active online stores. While Shopify’s focus is primarily on making it easy for businesses to set up an online store and sell products, it’s also important to c...

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

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

What is GA4 and what are its benefits for shopify users?

GA4, also known as Google Analytics 4, is the latest iteration of Google’s popular web analytics platform. It was officially launched in October 2020, and it offers a range of new features and benefits for Shopify users. One of the biggest bene...

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

↑