Heliotrope - #ba5ff8 - RGB (186, 95, 248)

RGB (186, 95, 248) - #ba5ff8 - Heliotrope Color Analysis & Informations

The color named Heliotrope is represented by the hex code #ba5ff8, 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 #ba5ff8. In the RGB color space, the hex code #BA5FF8 is comprised of 72.9% red, 37.3% green, and 97.3% blue. The CMYK color model, used in printing, has a composition of 25% cyan, 62% magenta, 0% yellow, and 3% black. In the HSL color space, the hex code #ba5ff8 has a hue of 276°, 92% saturation, and 67% lightness. The decimal value of this color is 12,214,264. A version of the color that is 20% lighter is #a146df, while the 20% darker version is #650aa3.

  1. #ba5ff8 - rgb(186, 95, 248) Color Schemes
  2. #ba5ff8 - rgb(186, 95, 248) Color Spaces
  3. #ba5ff8 - rgb(186, 95, 248) Alternatives Colours
  4. #ba5ff8 - rgb(186, 95, 248) Shades and Tints
  5. #ba5ff8 - rgb(186, 95, 248) Color Conversion
  6. #ba5ff8 - rgb(186, 95, 248) HTML/CSS Preview

Color Schemes with Heliotrope (ba5ff8)

baf850 ba5ff8 ba72f8

#ba5ff8 Analogous Colors

5ff8ba #ba5ff8 f8ba5f

#ba5ff8 Triadic Colors

f82aba #ba5ff8 f8baff

#ba5ff8 Split Complementary Colors

ba5ff8 f862ba

#ba5ff8 Complementary Colors

c267ff ca6fff d075ff d97eff e388ff eb90ff

#ba5ff8 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 #BA5FF8

RGB Decimal 186, 95, 248
RGB Percent rgb(72.9%,37.3%,97.3%)
CMYK 25, 62, 0, 3
HSV 276°, 62°, 97°
HSL 276°, 92°, 67°
Web Safe #ba5ff8
XYZ XYZ(61, 49, 98)
Motivating Your Way to Success

The hexadecimal triplet #ba5ff8 definition is: Red = 186, Green = 95, Blue = 248 or CMYK: Cyan = 25, Magenta = 62, Yellow = 0, Black = 3

Alternatives colours to Heliotrope (#ba5ff8)

bd62fb c065fe c368ff b75cf5 b459f2 b156ef

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

Shades and Tints of #ba5ff8 Color Variations

4c008a 560094 60059e 6a0fa8 7419b2 7e23bc 882dc6 9237d0 9c41da a64be4 b055ee ba5ff8

#ba5ff8 Shade Color Variations

c469ff ce73ff d87dff e287ff ec91ff f69bff ffa5ff ffafff ffb9ff ffc3ff ffcdff ffd7ff

#ba5ff8 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. #4c008a is the darkest color, while #ffd7ff is the lightest one.

Heliotrope - #ba5ff8 Color Conversions

  • 186 R
  • 95 G
  • 248 B
  • 276 H
  • 62 S
  • 97 V
  • 276 H
  • 92 S
  • 67 L

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

#ba5ff8 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #ba5ff8 web previews. Sample HTML/CSS paragraph codes using Heliotrope color.

Heliotrope #ba5ff8 Similar Colors

#6934e5#70f75b#098c78#ea69b9#afc7ff#70aa12
#7ee8ea#ade5ed#38d875#1da313#7bcaf2#e23dd7
Popular Free Books
Too Late E-Book Download
Too LateColleen HooverMysteries & Thrillers2023-06-27
Alex Cross Must Die E-Book Download
Alex Cross Must DieJames PattersonMysteries & Thrillers2023-11-20
A Court of Frost and Starlight E-Book Download
A Court of Frost and StarlightSarah J. MaasFantasy2018-05-01
Resurrection Walk E-Book Download
Resurrection WalkMichael ConnellyMysteries & Thrillers2023-11-07
It Ends with Us E-Book Download
It Ends with UsColleen HooverContemporary2016-08-02
Nightwork E-Book Download
NightworkNora RobertsFiction & Literature2022-05-24
Blog
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...

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

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

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

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

↑