#ff7164 Color Information

Color name fruity, hex code "#ff7164", contains symbol # and 6 letters or numbers. These numbers are in hexadecimal numeral system. This page lists more detailed information about the hex color code #ff7164. In a RGB color space, hex #ff7164 is composed of 255(100%) red, 113(44.3%) green and 100(39.2%) blue. The process color (four color CMYK) of #ff7164 color hex is 0.00, 0.00, 0.00, 0.00. Its decimal value is 255113100. In a RGB color space, hex #ff7164 is composed of 100% red, 44.3% green and 39.2% blue.

#ff7164 fruity Hex Color Code

Color Name fruity
HEX Color #ff7164
RGB Color rgb(255,113,100)
RGB Percent rgb(100%,44.3%,39.2%)
CMYK 0.00 0.56 0.61 0.00
HSV 5°, 61°, 100°
Web Safe #ff6666
XYZ XYZ(64, 56, 44)

#ff7164 Color Charts

#ff7164 Color Codes For HTML and CSS

Text With Hexadecimal Color #ff7164

This text has a font color of #ff7164.

<span style="color:#ff7164">Your text here..</span>

#ff7164 Border Color

This element has a border color of #ff7164.

<div style="border:1px solid #ff7164;">Your content here..</div>

#ff7164 CSS3 Linear Gradient

<div style="background: -webkit-linear-gradient(left,#ff7164,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#ff7164,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#ff7164,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #ff7164,orange,yellow,green,blue,indigo,violet);">Your content here..</div>

#ff7164 Background Color

This paragraph has a background color of #ff7164.

<p style="background-color:#ff7164;">Your content here..</p>

#ff7164 Text Shadow

This text has a shadow color of #ff7164.

<p style="text-shadow:2px 2px 1px #ff7164">Your text here</p>

#ff7164 Box Shadow

This element has a box shadow of #ff7164.

<div style="-moz-box-shadow:1px 1px 3px 2px #ff7164; -webkit-box-shadow:1px 1px 3px 2px #ff7164; box-shadow:1px 1px 3px 2px #ff7164;">Your content here..</div>

#ff7164 CSS3 Radial Gradient

<div style="background: -webkit-radial-gradient(#ff7164, yellow, green); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#ff7164, yellow, green); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#ff7164, yellow, green); /* For Fx 3.6 to 15 */ background: radial-gradient(#ff7164, yellow, green);">Your content here..</div>

#ff7164 CSS Codes

.text {color:#ff7164;}

.background {background-color:#ff7164;}

.border {border:1px solid #ff7164;}

Alternatives colour to #ff7164

#ff7467 #ff776a #ff7a6d #f96b5e #fc6e61

Shades and Tints #ff7164