SlateBlue / #6A5ACD Color Information


In the RGB color space, #6A5ACD is composed of 41.5686% red, 35.2941% green, and 80.3922% blue.

In the CMYK color space, #6A5ACD is composed of 48.29% cyan, 56.1% magenta, 0% yellow, and 19.61% black,

It has a hue angle of 248.4 degrees, a saturation of 53.49%, and a lightness of 57.84%.

The closest websafe color is #6666CC.

#6A5ACD has a CSS color name: SlateBlue.

#6A5ACD RGB Values

#6A5ACD CMYK Values



SlateBlue / #6A5ACD Color Conversion


The hexadecimal color #6A5ACD has RGB values of R:106, G:90, B:205 and CMYK values of C:48.29, M:56.1, Y:0, K:19.61. It has a decimal value of 6970061.


Hexadecimal #6A5ACD #6A5ACD
RGB Decimal 106, 90, 205 rgb(106, 90, 205)
RGB Percent 41.5686, 35.2941, 80.3922 rgb(41.5686%, 35.2941%, 80.3922%)
RGB Proportion 0.4157, 0.3529, 0.8039 rgb(0.4157, 0.3529, 0.8039)
CMYK 48.29, 56.1, 0, 19.61
HSL 248.4ยบ, 53.49, 57.84 hsl(248.4, 53.49%, 57.84%)
Websafe 6666CC #6666CC
XYZ 20.618, 14.782, 59.521
Yxy 14.782, 0.217, 0.156
CIE-LAB 45.334, 36.056, -57.782
CIE-LCH 45.334, 68.109, 301.964
CIE-LUV 45.334, -1.121, -89.736
Hunter-Lab 38.447, 28.441, -64.875

Color Schemes For SlateBlue / #6A5ACD


Colors that go well with SlateBlue / #6A5ACD.

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

Alternatives to SlateBlue / #6A5ACD


Colors similar to SlateBlue / #6A5ACD.


SlateBlue / #6A5ACD Preview


Common HTML and CSS shortcodes for SlateBlue / #6A5ACD.

Text with color #6A5ACD


The quick brown fox jumps over the lazy dog.

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

#6A5ACD as background color


The quick brown fox jumps over the lazy dog.

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

Border with #6A5ACD


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6A5ACD


Linear gradient from #6A5ACD to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #6A5ACD


Radial gradient from #6A5ACD to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6A5ACD and its Complementary Color


Linear gradient from #6A5ACD to #95A532.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #6A5ACD and its Complementary Color


Radial gradient from #6A5ACD to #95A532.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #6A5ACD; } .background { background-color: #6A5ACD; } .border { border: 1px solid #6A5ACD; } .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 SlateBlue / #6A5ACD


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

Shades


Tints

Random Colors