Maroon - #bc345c - RGB (188, 52, 92)

RGB (188, 52, 92) - #bc345c - Maroon Color Analysis & Informations

The color named Maroon is represented by the hex code #bc345c, 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 #bc345c. In the RGB color space, the hex code #BC345C is comprised of 73.7% red, 20.4% green, and 36.1% blue. The CMYK color model, used in printing, has a composition of 0% cyan, 72% magenta, 51% yellow, and 26% black. In the HSL color space, the hex code #bc345c has a hue of 342°, 57% saturation, and 47% lightness. The decimal value of this color is 12,334,172. A version of the color that is 20% lighter is #a31b43, while the 20% darker version is #670007.

  1. #bc345c - rgb(188, 52, 92) Color Schemes
  2. #bc345c - rgb(188, 52, 92) Color Spaces
  3. #bc345c - rgb(188, 52, 92) Alternatives Colours
  4. #bc345c - rgb(188, 52, 92) Shades and Tints
  5. #bc345c - rgb(188, 52, 92) Color Conversion
  6. #bc345c - rgb(188, 52, 92) HTML/CSS Preview

Color Schemes with Maroon (bc345c)

bc5c25 bc345c bc475c

#bc345c Analogous Colors

345cbc #bc345c 5cbc34

#bc345c Triadic Colors

5cffff #bc345c 5cbcff

#bc345c Split Complementary Colors

bc345c 5c37bc

#bc345c Complementary Colors

c43c64 cc446c d24a72 db537b e55d85 ed658d

#bc345c 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 #BC345C

RGB Decimal 188, 52, 92
RGB Percent rgb(73.7%,20.4%,36.1%)
CMYK 0, 72, 51, 26
HSV 342°, 72°, 74°
HSL 342°, 57°, 47°
Web Safe #bc345c
XYZ XYZ(44, 33, 38)
Motivating Your Way to Success

The hexadecimal triplet #bc345c definition is: Red = 188, Green = 52, Blue = 92 or CMYK: Cyan = 0, Magenta = 72, Yellow = 51, Black = 26

Alternatives colours to Maroon (#bc345c)

bf375f c23a62 c53d65 b93159 b62e56 b32b53

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

Shades and Tints of #bc345c Color Variations

4e0000 580000 620002 6c000c 760016 800020 8a022a 940c34 9e163e a82048 b22a52 bc345c

#bc345c Shade Color Variations

c63e66 d04870 da527a e45c84 ee668e f87098 ff7aa2 ff84ac ff8eb6 ff98c0 ffa2ca ffacd4

#bc345c 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. #4e0000 is the darkest color, while #ffacd4 is the lightest one.

Maroon - #bc345c Color Conversions

  • 188 R
  • 52 G
  • 92 B
  • 342 H
  • 72 S
  • 74 V
  • 342 H
  • 57 S
  • 47 L

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

#bc345c Color Codes for CSS3/HTML5 and Icon Previews

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

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

Maroon #bc345c Similar Colors

#05871f#dddd3e#9af9e0#3632a8#8be579#ff84f8
#7ce288#78d5ed#02ce3f#f48ddc#caffb2#5fd3cb
Popular Free Books
Sweet Spot E-Book Download
Sweet SpotSusan MalleryFiction & Literature2018-08-27
None of This Is True E-Book Download
None of This Is TrueLisa JewellMysteries & Thrillers2023-08-08
Iron Flame E-Book Download
Iron FlameRebecca YarrosEpic2023-11-07
Icebreaker E-Book Download
IcebreakerHannah GraceContemporary2022-11-22
Inside Threat E-Book Download
Inside ThreatMatthew QuirkMysteries & Thrillers2023-06-13
Rich AF E-Book Download
Rich AFVivian TuPersonal Finance2023-12-26
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...

10 Proven Strategies to Increase Website Traffic and Boost Your Online Presence

Hey there! Are you tired of staring at your website analytics and wishing those numbers would magically increase? Well, you’re in luck! In this article, we’re going to share with you 10 proven strategies to skyrocket your website traffic ...

When will GA4 be released and what features will it include?

GA4, or Google Analytics 4, is the latest iteration of Google’s popular web analytics platform. The platform was officially launched in October 2020, and it promises to offer a range of new and improved features for businesses and marketers. On...

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

↑