#772ACE Color Information


In the RGB color space, #772ACE is composed of 46.6667% red, 16.4706% green, and 80.7843% blue.

In the CMYK color space, #772ACE is composed of 42.23% cyan, 79.61% magenta, 0% yellow, and 19.22% black,

It has a hue angle of 268.2 degrees, a saturation of 66.13%, and a lightness of 48.62%.

The closest websafe color is #6633CC.

#772ACE RGB Values

#772ACE CMYK Values



#772ACE Color Conversion


The hexadecimal color #772ACE has RGB values of R:119, G:42, B:206 and CMYK values of C:42.23, M:79.61, Y:0, K:19.22. It has a decimal value of 7809742.


Hexadecimal #772ACE #772ACE
RGB Decimal 119, 42, 206 rgb(119, 42, 206)
RGB Percent 46.6667, 16.4706, 80.7843 rgb(46.6667%, 16.4706%, 80.7843%)
RGB Proportion 0.4667, 0.1647, 0.8078 rgb(0.4667, 0.1647, 0.8078)
CMYK 42.23, 79.61, 0, 19.22
HSL 268.2ยบ, 66.13, 48.62 hsl(268.2, 66.13%, 48.62%)
Websafe 6633CC #6633CC
XYZ 19.576, 10.034, 59.291
Yxy 10.034, 0.22, 0.113
CIE-LAB 37.903, 62.936, -70.383
CIE-LCH 37.903, 94.418, 311.803
CIE-LUV 37.903, 13.402, -102.887
Hunter-Lab 31.676, 54.879, -88.804

Color Schemes For #772ACE


Colors that go well with #772ACE.

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

Alternatives to #772ACE


Colors similar to #772ACE.


#772ACE Preview


Common HTML and CSS shortcodes for #772ACE.

Text with color #772ACE


The quick brown fox jumps over the lazy dog.

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

#772ACE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #772ACE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #772ACE


Linear gradient from #772ACE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #772ACE


Radial gradient from #772ACE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #772ACE and its Complementary Color


Linear gradient from #772ACE to #88D531.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#772ACE, #88D531);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #772ACE and its Complementary Color


Radial gradient from #772ACE to #88D531.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#772ACE, #88D531);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors