#ba68c8

#ba68c8 Color Informations

Color Spaces
Color Schemes
Alternatives Colours
Shades and Tints
Color Conversion
HTML/CSS Preview

Color name Fuchsia, hex code #ba68c8, contains symbol # and 6 letters or numbers. These numbers are in hexadecimal numeral system. This page lists more detailed information about the hex color code #ba68c8. In a RGB color space, HEX #BA68C8 is composed of 72.9% red, 40.8% green and 78.4% blue. In the CMYK color model (used in the printing process), the composition is 7% Cyan, 48% Magenta, 0% Yellow, and 22% key (black). In the HSL color space #ba68c8 has a hue of 291° (degrees), 47% saturation and 60% lightness. Its decimal value is . A 20% lighter version of the original color is #a14faf and #651373 is the 20% darker color.

Color spaces of #ba68c8 Fuchsia

The hexadecimal triplet #ba68c8 definition is: Red = 186, Green = 104, Blue = 200 or CMYK: Cyan = 0.07, Magenta = 0.48, Yellow = 0, Black = 0.2156862745098

RGB Decimal	186, 104, 200
RGB Percent	rgb(72.9%,40.8%,78.4%)
CMYK	7, 48, 0, 22
HSV	291°, 48°, 78°
HSL	291°, 47°, 60°
Web Safe	#cc66cc
XYZ	XYZ(59, 50, 81)

● #ba68c8 color description: Fuchsia.

Color Schemes with #ba68c8

In color theory, a color scheme is the choice of colors used in design. They are colors that are next to each other on the color wheel. Analogous colors tend to look pleasant together, because they are closely related. The triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel. Split-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbours of the complement color.

Analogous Colors

Triadic Colors

Split Complementary Colors

Complementary Colors

Monochromatic Colors

Alternatives colours to #ba68c8

Below, you can see some colors close to hex color #ba68c8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

Shades and Tints of #ba68c8

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #4c005a is the darkest color, while #ffe0ff is the lightest one.

Shade Color Variation

Tint Color Variation

#ba68c8 Color Conversion & Charts

0.72941176470588 R
0.4078431372549 G
0.7843137254902 B

0.80902777777778 H
0.46601941747573 S
0.59607843137255 L

0.80902777777778 H
0.48 S
0.7843137254902 V

#ba68c8 Color Codes for HTML and CSS Preview

Hex Code #ba68c8 Web Preview. Sample HTML/CSS paragraph codes using #ba68c8 color.

Text with Hexadecimal Color #ba68c8

This text has a font color of #ba68c8

Your text here..

#ba68c8 Border Color

This element has a border color of #ba68c8

<div style="border:1px solid #ba68c8;">Your content here..</div>

#ba68c8 CSS3 Linear Gradient

<div style="background: -webkit-linear-gradient(left,#ba68c8,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#ba68c8,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#ba68c8,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #ba68c8,orange,yellow,green,blue,indigo,violet);">Your content here..</div>

#ba68c8 Background Color

This paragraph has a background color of #ba68c8

Your content here..

#ba68c8 Text Shadow

This text has a shadow color of #ba68c8

Your text here

Text with glow color #ba68c8

This text has a glow color of #ba68c8

Your text here..

#ba68c8 Box Shadow

This element has a box shadow of #ba68c8

<div style="-moz-box-shadow:1px 1px 3px 2px #ba68c8; -webkit-box-shadow:1px 1px 3px 2px #ba68c8; box-shadow:1px 1px 3px 2px #ba68c8;">Your content here..</div>

Text with Underline Color #ba68c8

This text has a underline color of #ba68c8

Your text here..

#ba68c8 CSS3 Radial Gradient

<div style="background: -webkit-radial-gradient(#ba68c8, yellow, green); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#ba68c8, yellow, green); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#ba68c8, yellow, green); /* For Fx 3.6 to 15 */ background: radial-gradient(#ba68c8, yellow, green);">Your content here..</div>

#ba68c8 CSS Codes

.text {color:#ba68c8;}

.background {background-color:#ba68c8;}

.border {border:1px solid #ba68c8;}

A selection of SVG images/icons using the hex version #ba68c8 of the current color.

Quality means doing it right when no one is looking.
Henry Ford