#f45d50 Color Information

Color name , hex code "#f45d50", 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 #f45d50. In a RGB color space, hex #f45d50 is composed of 244(95.7%) red, 93(36.5%) green and 80(31.4%) blue. The process color (four color CMYK) of #f45d50 color hex is 0.00, 0.00, 0.00, 0.00. Its decimal value is 2449380. In a RGB color space, hex #f45d50 is composed of 95.7% red, 36.5% green and 31.4% blue.

#f45d50 Hex Color Code

Color Name
HEX Color #f45d50
RGB Color rgb(244,93,80)
RGB Percent rgb(95.7%,36.5%,31.4%)
CMYK 0.00 0.62 0.67 0.04
HSV °, °, °
Web Safe #ff6666
XYZ XYZ(58, 49, 36)

#f45d50 Color Charts

#f45d50 Color Codes For HTML and CSS

Text With Hexadecimal Color #f45d50

This text has a font color of #f45d50.

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

#f45d50 Border Color

This element has a border color of #f45d50.

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

#f45d50 CSS3 Linear Gradient

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

#f45d50 Background Color

This paragraph has a background color of #f45d50.

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

#f45d50 Text Shadow

This text has a shadow color of #f45d50.

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

#f45d50 Box Shadow

This element has a box shadow of #f45d50.

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

#f45d50 CSS3 Radial Gradient

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

#f45d50 CSS Codes

.text {color:#f45d50;}

.background {background-color:#f45d50;}

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

Alternatives colour to #f45d50

#f76053 #fa6356 #fd6659 #ee574a #f15a4d

Shades and Tints #f45d50