Purple Heart - #664bc7 - RGB (102, 75, 199)

RGB (102, 75, 199) - #664bc7 - Purple Heart Color Analysis & Informations

The color named Purple Heart is represented by the hex code #664bc7, 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 #664bc7. In the RGB color space, the hex code #664BC7 is comprised of 40% red, 29.4% green, and 78% blue. The CMYK color model, used in printing, has a composition of 49% cyan, 62% magenta, 0% yellow, and 22% black. In the HSL color space, the hex code #664bc7 has a hue of 253°, 53% saturation, and 54% lightness. The decimal value of this color is 6,704,071. A version of the color that is 20% lighter is #4d32ae, while the 20% darker version is #110072.

  1. #664bc7 - rgb(102, 75, 199) Color Schemes
  2. #664bc7 - rgb(102, 75, 199) Color Spaces
  3. #664bc7 - rgb(102, 75, 199) Alternatives Colours
  4. #664bc7 - rgb(102, 75, 199) Shades and Tints
  5. #664bc7 - rgb(102, 75, 199) Color Conversion
  6. #664bc7 - rgb(102, 75, 199) HTML/CSS Preview

Color Schemes with Purple Heart (664bc7)

66c73c 664bc7 665ec7

#664bc7 Analogous Colors

4bc766 #664bc7 c7664b

#664bc7 Triadic Colors

c71666 #664bc7 c766ff

#664bc7 Split Complementary Colors

664bc7 c74e66

#664bc7 Complementary Colors

6e53cf 765bd7 7c61dd 856ae6 8f74f0 977cf8

#664bc7 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 #664BC7

RGB Decimal 102, 75, 199
RGB Percent rgb(40%,29.4%,78%)
CMYK 49, 62, 0, 22
HSV 253°, 62°, 78°
HSL 253°, 53°, 54°
Web Safe #664bc7
XYZ XYZ(41, 35, 78)
Motivating Your Way to Success

The hexadecimal triplet #664bc7 definition is: Red = 102, Green = 75, Blue = 199 or CMYK: Cyan = 49, Magenta = 62, Yellow = 0, Black = 22

Alternatives colours to Purple Heart (#664bc7)

694eca 6c51cd 6f54d0 6348c4 6045c1 5d42be

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

Shades and Tints of #664bc7 Color Variations

000059 020063 0c006d 160077 200581 2a0f8b 341995 3e239f 482da9 5237b3 5c41bd 664bc7

#664bc7 Shade Color Variations

7055d1 7a5fdb 8469e5 8e73ef 987df9 a287ff ac91ff b69bff c0a5ff caafff d4b9ff dec3ff

#664bc7 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. #000059 is the darkest color, while #dec3ff is the lightest one.

Purple Heart - #664bc7 Color Conversions

  • 102 R
  • 75 G
  • 199 B
  • 253 H
  • 62 S
  • 78 V
  • 253 H
  • 53 S
  • 54 L

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

#664bc7 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #664bc7 web previews. Sample HTML/CSS paragraph codes using Purple Heart color.

Purple Heart #664bc7 Similar Colors

#a7a9f2#e907ed#95ed9e#6acfd1#9ec417#dcef7f
#f4070f#afceff#8ddd3e#5917a5#f7c5b2#eda984
Popular Free Books
Rich AF E-Book Download
Rich AFVivian TuPersonal Finance2023-12-26
None of This Is True E-Book Download
None of This Is TrueLisa JewellMysteries & Thrillers2023-08-08
The Alchemist E-Book Download
The AlchemistPaulo CoelhoLiterary2015-02-24
Verity E-Book Download
VerityColleen HooverMysteries & Thrillers2021-10-05
Alex Cross Must Die E-Book Download
Alex Cross Must DieJames PattersonMysteries & Thrillers2023-11-20
The Ballad of Songbirds and Snakes (A Hunger Games Novel) E-Book Download
The Ballad of Songbirds and Snakes (A Hunger Games Novel)Suzanne CollinsDystopian2020-05-19
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...

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

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

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

↑