#7AEDFD Color Information


In the RGB color space, #7AEDFD is composed of 47.8431% red, 92.9412% green, and 99.2157% blue.

In the CMYK color space, #7AEDFD is composed of 51.78% cyan, 6.33% magenta, 0% yellow, and 0.78% black,

It has a hue angle of 187.3 degrees, a saturation of 97.05%, and a lightness of 73.53%.

The closest websafe color is #66FFFF.

#7AEDFD RGB Values

#7AEDFD CMYK Values



#7AEDFD Color Conversion


The hexadecimal color #7AEDFD has RGB values of R:122, G:237, B:253 and CMYK values of C:51.78, M:6.33, Y:0, K:0.78. It has a decimal value of 8056317.


Hexadecimal #7AEDFD #7AEDFD
RGB Decimal 122, 237, 253 rgb(122, 237, 253)
RGB Percent 47.8431, 92.9412, 99.2157 rgb(47.8431%, 92.9412%, 99.2157%)
RGB Proportion 0.4784, 0.9294, 0.9922 rgb(0.4784, 0.9294, 0.9922)
CMYK 51.78, 6.33, 0, 0.78
HSL 187.3ยบ, 97.05, 73.53 hsl(187.3, 97.05%, 73.53%)
Websafe 66FFFF #66FFFF
XYZ 56.04, 71.796, 103.842
Yxy 71.796, 0.242, 0.31
CIE-LAB 87.87, -28.451, -17.778
CIE-LCH 87.87, 33.549, 212.0
CIE-LUV 87.87, -48.73, -24.001
Hunter-Lab 84.733, -30.226, -13.349

Color Schemes For #7AEDFD


Colors that go well with #7AEDFD.

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

Alternatives to #7AEDFD


Colors similar to #7AEDFD.


#7AEDFD Preview


Common HTML and CSS shortcodes for #7AEDFD.

Text with color #7AEDFD


The quick brown fox jumps over the lazy dog.

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

#7AEDFD as background color


The quick brown fox jumps over the lazy dog.

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

Border with #7AEDFD


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #7AEDFD


Linear gradient from #7AEDFD to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #7AEDFD


Radial gradient from #7AEDFD to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #7AEDFD and its Complementary Color


Linear gradient from #7AEDFD to #851202.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #7AEDFD and its Complementary Color


Radial gradient from #7AEDFD to #851202.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors