#0666AE Color Information


In the RGB color space, #0666AE is composed of 2.3529% red, 40% green, and 68.2353% blue.

In the CMYK color space, #0666AE is composed of 96.56% cyan, 41.38% magenta, 0% yellow, and 31.76% black,

It has a hue angle of 205.7 degrees, a saturation of 93.34%, and a lightness of 35.3%.

The closest websafe color is #006699.

#0666AE RGB Values

#0666AE CMYK Values



#0666AE Color Conversion


The hexadecimal color #0666AE has RGB values of R:6, G:102, B:174 and CMYK values of C:96.56, M:41.38, Y:0, K:31.76. It has a decimal value of 419502.


Hexadecimal #0666AE #0666AE
RGB Decimal 6, 102, 174 rgb(6, 102, 174)
RGB Percent 2.3529, 40, 68.2353 rgb(2.3529%, 40%, 68.2353%)
RGB Proportion 0.0235, 0.4, 0.6824 rgb(0.0235, 0.4, 0.6824)
CMYK 96.56, 41.38, 0, 31.76
HSL 205.7ยบ, 93.34, 35.3 hsl(205.7, 93.34%, 35.3%)
Websafe 006699 #006699
XYZ 12.468, 12.598, 41.825
Yxy 12.598, 0.186, 0.188
CIE-LAB 42.151, 3.4, -45.125
CIE-LCH 42.151, 45.253, 274.309
CIE-LUV 42.151, -24.815, -66.583
Hunter-Lab 35.494, 0.588, -45.021

Color Schemes For #0666AE


Colors that go well with #0666AE.

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

Alternatives to #0666AE


Colors similar to #0666AE.


#0666AE Preview


Common HTML and CSS shortcodes for #0666AE.

Text with color #0666AE


The quick brown fox jumps over the lazy dog.

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

#0666AE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #0666AE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #0666AE


Linear gradient from #0666AE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #0666AE


Radial gradient from #0666AE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #0666AE and its Complementary Color


Linear gradient from #0666AE to #F99951.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #0666AE and its Complementary Color


Radial gradient from #0666AE to #F99951.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors