#76A3F7 Color Information


In the RGB color space, #76A3F7 is composed of 46.2745% red, 63.9216% green, and 96.8627% blue.

In the CMYK color space, #76A3F7 is composed of 52.23% cyan, 34.01% magenta, 0% yellow, and 3.14% black,

It has a hue angle of 219.1 degrees, a saturation of 88.96%, and a lightness of 71.56%.

The closest websafe color is #6699FF.

#76A3F7 RGB Values

#76A3F7 CMYK Values



#76A3F7 Color Conversion


The hexadecimal color #76A3F7 has RGB values of R:118, G:163, B:247 and CMYK values of C:52.23, M:34.01, Y:0, K:3.14. It has a decimal value of 7775223.


Hexadecimal #76A3F7 #76A3F7
RGB Decimal 118, 163, 247 rgb(118, 163, 247)
RGB Percent 46.2745, 63.9216, 96.8627 rgb(46.2745%, 63.9216%, 96.8627%)
RGB Proportion 0.4627, 0.6392, 0.9686 rgb(0.4627, 0.6392, 0.9686)
CMYK 52.23, 34.01, 0, 3.14
HSL 219.1ยบ, 88.96, 71.56 hsl(219.1, 88.96%, 71.56%)
Websafe 6699FF #6699FF
XYZ 37.354, 36.759, 93.116
Yxy 36.759, 0.223, 0.22
CIE-LAB 67.096, 8.072, -46.57
CIE-LCH 67.096, 47.264, 279.833
CIE-LUV 67.096, -22.433, -76.089
Hunter-Lab 60.629, 3.874, -48.619

Color Schemes For #76A3F7


Colors that go well with #76A3F7.

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

Alternatives to #76A3F7


Colors similar to #76A3F7.


#76A3F7 Preview


Common HTML and CSS shortcodes for #76A3F7.

Text with color #76A3F7


The quick brown fox jumps over the lazy dog.

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

#76A3F7 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #76A3F7


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #76A3F7


Linear gradient from #76A3F7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #76A3F7


Radial gradient from #76A3F7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #76A3F7 and its Complementary Color


Linear gradient from #76A3F7 to #895C08.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#76A3F7, #895C08);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #76A3F7 and its Complementary Color


Radial gradient from #76A3F7 to #895C08.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#76A3F7, #895C08);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFEFE.

Shades


Tints

Random Colors