#6066D7 Color Information


In the RGB color space, #6066D7 is composed of 37.6471% red, 40% green, and 84.3137% blue.

In the CMYK color space, #6066D7 is composed of 55.34% cyan, 52.56% magenta, 0% yellow, and 15.69% black,

It has a hue angle of 237.0 degrees, a saturation of 59.79%, and a lightness of 60.98%.

The closest websafe color is #6666CC.

#6066D7 RGB Values

#6066D7 CMYK Values



#6066D7 Color Conversion


The hexadecimal color #6066D7 has RGB values of R:96, G:102, B:215 and CMYK values of C:55.34, M:52.56, Y:0, K:15.69. It has a decimal value of 6317783.


Hexadecimal #6066D7 #6066D7
RGB Decimal 96, 102, 215 rgb(96, 102, 215)
RGB Percent 37.6471, 40, 84.3137 rgb(37.6471%, 40%, 84.3137%)
RGB Proportion 0.3765, 0.4, 0.8431 rgb(0.3765, 0.4, 0.8431)
CMYK 55.34, 52.56, 0, 15.69
HSL 237.0ยบ, 59.79, 60.98 hsl(237.0, 59.79%, 60.98%)
Websafe 6666CC #6666CC
XYZ 21.841, 16.896, 66.394
Yxy 16.896, 0.208, 0.161
CIE-LAB 48.129, 29.837, -59.031
CIE-LCH 48.129, 66.143, 296.814
CIE-LUV 48.129, -8.576, -92.5
Hunter-Lab 41.105, 22.913, -66.994

Color Schemes For #6066D7


Colors that go well with #6066D7.

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

Alternatives to #6066D7


Colors similar to #6066D7.


#6066D7 Preview


Common HTML and CSS shortcodes for #6066D7.

Text with color #6066D7


The quick brown fox jumps over the lazy dog.

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

#6066D7 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #6066D7


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6066D7


Linear gradient from #6066D7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #6066D7


Radial gradient from #6066D7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6066D7 and its Complementary Color


Linear gradient from #6066D7 to #9F9928.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #6066D7 and its Complementary Color


Radial gradient from #6066D7 to #9F9928.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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