#C16A63 Color Information


In the RGB color space, #C16A63 is composed of 75.6863% red, 41.5686% green, and 38.8235% blue.

In the CMYK color space, #C16A63 is composed of 0% cyan, 45.08% magenta, 48.71% yellow, and 24.31% black,

It has a hue angle of 4.5 degrees, a saturation of 43.13%, and a lightness of 57.26%.

The closest websafe color is #CC6666.

#C16A63 RGB Values

#C16A63 CMYK Values



#C16A63 Color Conversion


The hexadecimal color #C16A63 has RGB values of R:193, G:106, B:99 and CMYK values of C:0, M:45.08, Y:48.71, K:24.31. It has a decimal value of 12675683.


Hexadecimal #C16A63 #C16A63
RGB Decimal 193, 106, 99 rgb(193, 106, 99)
RGB Percent 75.6863, 41.5686, 38.8235 rgb(75.6863%, 41.5686%, 38.8235%)
RGB Proportion 0.7569, 0.4157, 0.3882 rgb(0.7569, 0.4157, 0.3882)
CMYK 0, 45.08, 48.71, 24.31
HSL 4.5ยบ, 43.13, 57.26 hsl(4.5, 43.13%, 57.26%)
Websafe CC6666 #CC6666
XYZ 29.401, 22.548, 14.605
Yxy 22.548, 0.442, 0.339
CIE-LAB 54.604, 33.825, 19.352
CIE-LCH 54.604, 38.97, 29.775
CIE-LUV 54.604, 62.466, 17.67
Hunter-Lab 47.485, 27.423, 15.003

Color Schemes For #C16A63


Colors that go well with #C16A63.

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

Alternatives to #C16A63


Colors similar to #C16A63.


#C16A63 Preview


Common HTML and CSS shortcodes for #C16A63.

Text with color #C16A63


The quick brown fox jumps over the lazy dog.

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

#C16A63 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #C16A63


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #C16A63


Linear gradient from #C16A63 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #C16A63


Radial gradient from #C16A63 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #C16A63 and its Complementary Color


Linear gradient from #C16A63 to #3E959C.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #C16A63 and its Complementary Color


Radial gradient from #C16A63 to #3E959C.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors