#75AAD0 Color Information


In the RGB color space, #75AAD0 is composed of 45.8824% red, 66.6667% green, and 81.5686% blue.

In the CMYK color space, #75AAD0 is composed of 43.75% cyan, 18.27% magenta, 0% yellow, and 18.43% black,

It has a hue angle of 205.0 degrees, a saturation of 49.19%, and a lightness of 63.73%.

The closest websafe color is #6699CC.

#75AAD0 RGB Values

#75AAD0 CMYK Values



#75AAD0 Color Conversion


The hexadecimal color #75AAD0 has RGB values of R:117, G:170, B:208 and CMYK values of C:43.75, M:18.27, Y:0, K:18.43. It has a decimal value of 7711440.


Hexadecimal #75AAD0 #75AAD0
RGB Decimal 117, 170, 208 rgb(117, 170, 208)
RGB Percent 45.8824, 66.6667, 81.5686 rgb(45.8824%, 66.6667%, 81.5686%)
RGB Proportion 0.4588, 0.6667, 0.8157 rgb(0.4588, 0.6667, 0.8157)
CMYK 43.75, 18.27, 0, 18.43
HSL 205.0ยบ, 49.19, 63.73 hsl(205.0, 49.19%, 63.73%)
Websafe 6699CC #6699CC
XYZ 33.097, 37.088, 65.091
Yxy 37.088, 0.245, 0.274
CIE-LAB 67.343, -7.471, -24.786
CIE-LCH 67.343, 25.887, 253.226
CIE-LUV 67.343, -25.499, -37.606
Hunter-Lab 60.9, -9.566, -20.74

Color Schemes For #75AAD0


Colors that go well with #75AAD0.

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

Alternatives to #75AAD0


Colors similar to #75AAD0.


#75AAD0 Preview


Common HTML and CSS shortcodes for #75AAD0.

Text with color #75AAD0


The quick brown fox jumps over the lazy dog.

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

#75AAD0 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #75AAD0


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #75AAD0


Linear gradient from #75AAD0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #75AAD0


Radial gradient from #75AAD0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #75AAD0 and its Complementary Color


Linear gradient from #75AAD0 to #8A552F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #75AAD0 and its Complementary Color


Radial gradient from #75AAD0 to #8A552F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors