#C778BA Color Information


In the RGB color space, #C778BA is composed of 78.0392% red, 47.0588% green, and 72.9412% blue.

In the CMYK color space, #C778BA is composed of 0% cyan, 39.7% magenta, 6.54% yellow, and 21.96% black,

It has a hue angle of 309.9 degrees, a saturation of 41.36%, and a lightness of 62.55%.

The closest websafe color is #CC66CC.

#C778BA RGB Values

#C778BA CMYK Values



#C778BA Color Conversion


The hexadecimal color #C778BA has RGB values of R:199, G:120, B:186 and CMYK values of C:0, M:39.7, Y:6.54, K:21.96. It has a decimal value of 13072570.


Hexadecimal #C778BA #C778BA
RGB Decimal 199, 120, 186 rgb(199, 120, 186)
RGB Percent 78.0392, 47.0588, 72.9412 rgb(78.0392%, 47.0588%, 72.9412%)
RGB Proportion 0.7804, 0.4706, 0.7294 rgb(0.7804, 0.4706, 0.7294)
CMYK 0, 39.7, 6.54, 21.96
HSL 309.9ยบ, 41.36, 62.55 hsl(309.9, 41.36%, 62.55%)
Websafe CC66CC #CC66CC
XYZ 39.133, 29.121, 50.011
Yxy 29.121, 0.331, 0.246
CIE-LAB 60.888, 40.552, -21.746
CIE-LCH 60.888, 46.015, 331.798
CIE-LUV 60.888, 41.334, -39.301
Hunter-Lab 53.964, 35.006, -17.172

Color Schemes For #C778BA


Colors that go well with #C778BA.

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

Alternatives to #C778BA


Colors similar to #C778BA.


#C778BA Preview


Common HTML and CSS shortcodes for #C778BA.

Text with color #C778BA


The quick brown fox jumps over the lazy dog.

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

#C778BA as background color


The quick brown fox jumps over the lazy dog.

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

Border with #C778BA


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #C778BA


Linear gradient from #C778BA to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #C778BA


Radial gradient from #C778BA to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #C778BA and its Complementary Color


Linear gradient from #C778BA to #388745.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #C778BA and its Complementary Color


Radial gradient from #C778BA to #388745.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors