Cardinal - #bf2227 - RGB (191, 34, 39)

RGB (191, 34, 39) - #bf2227 - Cardinal Color Analysis & Informations

The color named Cardinal is represented by the hex code #bf2227, 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 #bf2227. In the RGB color space, the hex code #BF2227 is comprised of 74.9% red, 13.3% green, and 15.3% blue. The CMYK color model, used in printing, has a composition of 0% cyan, 82% magenta, 80% yellow, and 25% black. In the HSL color space, the hex code #bf2227 has a hue of 358°, 70% saturation, and 44% lightness. The decimal value of this color is 12,526,119. A version of the color that is 20% lighter is #a6090e, while the 20% darker version is #6a0000.

  1. #bf2227 - rgb(191, 34, 39) Color Schemes
  2. #bf2227 - rgb(191, 34, 39) Color Spaces
  3. #bf2227 - rgb(191, 34, 39) Alternatives Colours
  4. #bf2227 - rgb(191, 34, 39) Shades and Tints
  5. #bf2227 - rgb(191, 34, 39) Color Conversion
  6. #bf2227 - rgb(191, 34, 39) HTML/CSS Preview

Color Schemes with Cardinal (bf2227)

bf2713 bf2227 bf3527

#bf2227 Analogous Colors

2227bf #bf2227 27bf22

#bf2227 Triadic Colors

27ffff #bf2227 27bfff

#bf2227 Split Complementary Colors

bf2227 2725bf

#bf2227 Complementary Colors

c72a2f cf3237 d5383d de4146 e84b50 f05358

#bf2227 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 #BF2227

RGB Decimal 191, 34, 39
RGB Percent rgb(74.9%,13.3%,15.3%)
CMYK 0, 82, 80, 25
HSV 358°, 82°, 75°
HSL 358°, 70°, 44°
Web Safe #bf2227
XYZ XYZ(38, 27, 18)
Motivating Your Way to Success

The hexadecimal triplet #bf2227 definition is: Red = 191, Green = 34, Blue = 39 or CMYK: Cyan = 0, Magenta = 82, Yellow = 80, Black = 25

Alternatives colours to Cardinal (#bf2227)

c2252a c5282d c82b30 bc1f24 b91c21 b6191e

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

Shades and Tints of #bf2227 Color Variations

510000 5b0000 650000 6f0000 790000 830000 8d0000 970000 a10409 ab0e13 b5181d bf2227

#bf2227 Shade Color Variations

c92c31 d3363b dd4045 e74a4f f15459 fb5e63 ff686d ff7277 ff7c81 ff868b ff9095 ff9a9f

#bf2227 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. #510000 is the darkest color, while #ff9a9f is the lightest one.

Cardinal - #bf2227 Color Conversions

  • 191 R
  • 34 G
  • 39 B
  • 358 H
  • 82 S
  • 75 V
  • 358 H
  • 70 S
  • 44 L

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

#bf2227 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #bf2227 web previews. Sample HTML/CSS paragraph codes using Cardinal color.

Cardinal #bf2227 Similar Colors

#dd58ce#28cc22#e26748#fc8728#5ae26c#f7b894
#401ec9#c94c76#f27e74#a6ccf4#91ea70#db1360
Popular Free Books
Resurrection Walk E-Book Download
Resurrection WalkMichael ConnellyMysteries & Thrillers2023-11-07
Atomic Habits E-Book Download
Atomic HabitsJames ClearManagement & Leadership2018-10-16
The Alchemist E-Book Download
The AlchemistPaulo CoelhoLiterary2015-02-24
Tom Lake E-Book Download
Tom LakeAnn PatchettFiction & Literature2023-08-01
On a Quiet Street E-Book Download
On a Quiet StreetSeraphina Nova GlassMysteries & Thrillers2022-05-17
Apples Never Fall E-Book Download
Apples Never FallLiane MoriartyFiction & Literature2021-09-14
Blog
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...

Is Oberlo free with Shopify?

Oberlo is an app that makes it easier to dropship products on Shopify. It enables users to search through millions of products, add them to their store, and start selling without having to buy in bulk or maintain any inventory. Many people wonder if ...

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

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

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

↑