#6B306D Color Information


In the RGB color space, #6B306D is composed of 41.9608% red, 18.8235% green, and 42.7451% blue.

In the CMYK color space, #6B306D is composed of 1.85% cyan, 55.98% magenta, 0% yellow, and 57.25% black,

It has a hue angle of 298.0 degrees, a saturation of 38.87%, and a lightness of 30.79%.

The closest websafe color is #663366.

#6B306D RGB Values

#6B306D CMYK Values



#6B306D Color Conversion


The hexadecimal color #6B306D has RGB values of R:107, G:48, B:109 and CMYK values of C:1.85, M:55.98, Y:0, K:57.25. It has a decimal value of 7024749.


Hexadecimal #6B306D #6B306D
RGB Decimal 107, 48, 109 rgb(107, 48, 109)
RGB Percent 41.9608, 18.8235, 42.7451 rgb(41.9608%, 18.8235%, 42.7451%)
RGB Proportion 0.4196, 0.1882, 0.4275 rgb(0.4196, 0.1882, 0.4275)
CMYK 1.85, 55.98, 0, 57.25
HSL 298.0ยบ, 38.87, 30.79 hsl(298.0, 38.87%, 30.79%)
Websafe 663366 #663366
XYZ 9.881, 6.343, 15.175
Yxy 6.343, 0.315, 0.202
CIE-LAB 30.262, 35.698, -23.932
CIE-LCH 30.262, 42.978, 326.162
CIE-LUV 30.262, 25.449, -35.072
Hunter-Lab 25.185, 25.957, -18.095

Color Schemes For #6B306D


Colors that go well with #6B306D.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #6B306D


Colors similar to #6B306D.


#6B306D Preview


Common HTML and CSS shortcodes for #6B306D.

Text with color #6B306D


The quick brown fox jumps over the lazy dog.

<div style="color: #6B306D;">The quick brown fox jumps over the lazy dog.</div>

#6B306D as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #6B306D;">The quick brown fox jumps over the lazy dog.</div>

Border with #6B306D


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #6B306D;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #6B306D


Linear gradient from #6B306D to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#6B306D, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #6B306D


Radial gradient from #6B306D to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#6B306D, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #6B306D and its Complementary Color


Linear gradient from #6B306D to #94CF92.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#6B306D, #94CF92);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #6B306D and its Complementary Color


Radial gradient from #6B306D to #94CF92.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#6B306D, #94CF92);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #6B306D; } .background { background-color: #6B306D; } .border { border: 1px solid #6B306D; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #6B306D


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020102 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors