#71ADD6 Color Information


In the RGB color space, #71ADD6 is composed of 44.3137% red, 67.8431% green, and 83.9216% blue.

In the CMYK color space, #71ADD6 is composed of 47.2% cyan, 19.16% magenta, 0% yellow, and 16.08% black,

It has a hue angle of 204.4 degrees, a saturation of 55.19%, and a lightness of 64.11%.

The closest websafe color is #6699CC.

#71ADD6 RGB Values

#71ADD6 CMYK Values



#71ADD6 Color Conversion


The hexadecimal color #71ADD6 has RGB values of R:113, G:173, B:214 and CMYK values of C:47.2, M:19.16, Y:0, K:16.08. It has a decimal value of 7450070.


Hexadecimal #71ADD6 #71ADD6
RGB Decimal 113, 173, 214 rgb(113, 173, 214)
RGB Percent 44.3137, 67.8431, 83.9216 rgb(44.3137%, 67.8431%, 83.9216%)
RGB Proportion 0.4431, 0.6784, 0.8392 rgb(0.4431, 0.6784, 0.8392)
CMYK 47.2, 19.16, 0, 16.08
HSL 204.4ยบ, 55.19, 64.11 hsl(204.4, 55.19%, 64.11%)
Websafe 6699CC #6699CC
XYZ 33.888, 38.249, 69.212
Yxy 38.249, 0.24, 0.271
CIE-LAB 68.204, -8.401, -26.785
CIE-LCH 68.204, 28.072, 252.586
CIE-LUV 68.204, -27.993, -40.865
Hunter-Lab 61.846, -10.422, -23.06

Color Schemes For #71ADD6


Colors that go well with #71ADD6.

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

Alternatives to #71ADD6


Colors similar to #71ADD6.


#71ADD6 Preview


Common HTML and CSS shortcodes for #71ADD6.

Text with color #71ADD6


The quick brown fox jumps over the lazy dog.

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

#71ADD6 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #71ADD6


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #71ADD6


Linear gradient from #71ADD6 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #71ADD6


Radial gradient from #71ADD6 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #71ADD6 and its Complementary Color


Linear gradient from #71ADD6 to #8E5229.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #71ADD6 and its Complementary Color


Radial gradient from #71ADD6 to #8E5229.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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