Pink / #FFC0CB Color Information


In the RGB color space, #FFC0CB is composed of 100% red, 75.2941% green, and 79.6078% blue.

In the CMYK color space, #FFC0CB is composed of 0% cyan, 24.71% magenta, 20.39% yellow, and 0% black,

It has a hue angle of 349.5 degrees, a saturation of 100%, and a lightness of 87.64%.

The closest websafe color is #FFCCCC.

#FFC0CB has a CSS color name: Pink.

#FFC0CB RGB Values

#FFC0CB CMYK Values



Pink / #FFC0CB Color Conversion


The hexadecimal color #FFC0CB has RGB values of R:255, G:192, B:203 and CMYK values of C:0, M:24.71, Y:20.39, K:0. It has a decimal value of 16761035.


Hexadecimal #FFC0CB #FFC0CB
RGB Decimal 255, 192, 203 rgb(255, 192, 203)
RGB Percent 100, 75.2941, 79.6078 rgb(100%, 75.2941%, 79.6078%)
RGB Proportion 1.0, 0.7529, 0.7961 rgb(1.0, 0.7529, 0.7961)
CMYK 0, 24.71, 20.39, 0
HSL 349.5ยบ, 100, 87.64 hsl(349.5, 100%, 87.64%)
Websafe FFCCCC #FFCCCC
XYZ 70.867, 63.267, 64.98
Yxy 63.267, 0.356, 0.318
CIE-LAB 83.583, 24.154, 3.309
CIE-LCH 83.583, 24.38, 7.801
CIE-LUV 83.583, 38.577, 0.414
Hunter-Lab 79.541, 19.839, 7.242

Color Schemes For Pink / #FFC0CB


Colors that go well with Pink / #FFC0CB.

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

Alternatives to Pink / #FFC0CB


Colors similar to Pink / #FFC0CB.


Pink / #FFC0CB Preview


Common HTML and CSS shortcodes for Pink / #FFC0CB.

Text with color #FFC0CB


The quick brown fox jumps over the lazy dog.

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

#FFC0CB as background color


The quick brown fox jumps over the lazy dog.

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

Border with #FFC0CB


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FFC0CB


Linear gradient from #FFC0CB to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FFC0CB


Radial gradient from #FFC0CB to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FFC0CB and its Complementary Color


Linear gradient from #FFC0CB to #003F34.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FFC0CB and its Complementary Color


Radial gradient from #FFC0CB to #003F34.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors