#666699 Color Information


In the RGB color space, #666699 is composed of 40% red, 40% green, and 60% blue.

In the CMYK color space, #666699 is composed of 33.33% cyan, 33.33% magenta, 0% yellow, and 40% black,

It has a hue angle of 240 degrees, a saturation of 20%, and a lightness of 50%.

This is a websafe color.

#666699 RGB Values

#666699 CMYK Values



#666699 Color Conversion


The hexadecimal color #666699 has RGB values of R:102, G:102, B:153 and CMYK values of C:33.33, M:33.33, Y:0, K:40. It has a decimal value of 6710937.


Hexadecimal #666699 #666699
RGB Decimal 102, 102, 153 rgb(102, 102, 153)
RGB Percent 40, 40, 60 rgb(40%, 40%, 60%)
RGB Proportion 0.4, 0.4, 0.6 rgb(0.4, 0.4, 0.6)
CMYK 33.33, 33.33, 0, 40
HSL 240ยบ, 20, 50 hsl(240, 20%, 50%)
Websafe 666699 #666699
XYZ 15.981, 14.627, 32.118
Yxy 14.627, 0.255, 0.233
CIE-LAB 45.119, 12.524, -27.758
CIE-LCH 45.119, 30.453, 294.284
CIE-LUV 45.119, -3.019, -41.944
Hunter-Lab 38.245, 7.658, -23.019

Color Schemes For #666699


Colors that go well with #666699.

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

Alternatives to #666699


Colors similar to #666699.


#666699 Preview


Common HTML and CSS shortcodes for #666699.

Text with color #666699


The quick brown fox jumps over the lazy dog.

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

#666699 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #666699


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #666699


Linear gradient from #666699 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #666699


Radial gradient from #666699 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #666699 and its Complementary Color


Linear gradient from #666699 to #999966.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #666699 and its Complementary Color


Radial gradient from #666699 to #999966.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors