#F74F4E color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #F74F4E

#F74F4E

In a RGB color space, hex #F74F4E is composed of 97% red, 31% green and 31% blue. RGB color code is composed of a hexadecimal F7 red (247/255), a 4F green (79/255) and a 4E blue component (78/255). The decimal RGB color code is rgb(247,79,78) In CMYK color space, it is composed of 0% cyan, 68% magenta, 68% yellow and 3% black. It has a hue angle of 0.36o degrees, a saturation of 91% and a lightness of 64%. Closest websafe color is: #ff6666 rgb (255, 102, 102).

Color conversion

---

Convert color

---

The hexadecimal color #F74F4E has RGB values of R:247, G:79, B:78 and CMYK values of C:0, M:68, Y:68, K:3. Its decimal value is 16207694.Binary code is 111101110100111101001110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color F74F4E  #F74F4E RGB decimal 247, 79, 78  rgb(247, 79, 78) RGB % 97, 31, 31  rgb(97%, 31%, 31%) RGB Adobe 215, 80, 79 CMYK % 0, 68, 68, 3  0%, 68%, 68%, 3% HSL 0.36o, 91, 64  hsl(0.36o, 91%, 64%) HSV (HSB) 0o, 68%, 97%  hsv(0o, 68%, 97%)

Web Safe color #ff6666 rgb (255, 102, 102) XYZ 42.529, 25.916 9.969 xyY 0.54, 0.33, 25.92 Hunter-Lab 50.91, 63.75, 22.07 CMY 3%, 69%, 69% Lab 58.75, 64.64, 38.98 Binary color F7 4F 4E 11110111 1001111 1001110

Shades and tints of #F74F4E

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #311010 is the darkest color, and: #FCDCDC is the lightest one.

Tint color variation #F74F4E

#F86969 rgb (248,105,105) #F86969 #F98080 rgb (249,128,128) #F98080 #FA9393 rgb (250,147,147) #FA9393 #FBA3A3 rgb (251,163,163) #FBA3A3 #FCB1B1 rgb (252,177,177) #FCB1B1 #FCBDBD rgb (252,189,189) #FCBDBD #FCC7C7 rgb (252,199,199) #FCC7C7 #FCCFCF rgb (252,207,207) #FCCFCF #FCD6D6 rgb (252,214,214) #FCD6D6 #FCDCDC rgb (252,220,220) #FCDCDC

Shade color variation

#D24342 rgb (210,67,66) #D24342 #B33938 rgb (179,57,56) #B33938 #983030 rgb (152,48,48) #983030 #812929 rgb (129,41,41) #812929 #6E2323 rgb (110,35,35) #6E2323 #5E1E1E rgb (94,30,30) #5E1E1E #501A1A rgb (80,26,26) #501A1A #441616 rgb (68,22,22) #441616 #3A1313 rgb (58,19,19) #3A1313 #311010 rgb (49,16,16) #311010

Tones of #F74F4E

A tone is produced by adding gray to any pure hue. In this case, #EB5453 is the less saturated color, and #A96F6F is the most saturated one.

#EB5453 rgb (235,84,83) #EB5453 #E05858 rgb (224,88,88) #E05858 #D65C5C rgb (214,92,92) #D65C5C #CD6060 rgb (205,96,96) #CD6060 #C56363 rgb (197,99,99) #C56363 #BE6666 rgb (190,102,102) #BE6666 #B86969 rgb (184,105,105) #B86969 #B26B6B rgb (178,107,107) #B26B6B #AD6D6D rgb (173,109,109) #AD6D6D #A96F6F rgb (169,111,111) #A96F6F

Alternatives to #F74F4E

---

Below, you can see some colors close to #F74F4E. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#F7134E rgb (247,19,78) #F7134E #F7274E rgb (247,39,78) #F7274E #F73B4E rgb (247,59,78) #F73B4E #F7634E rgb (247,99,78) #F7634E #F7774E rgb (247,119,78) #F7774E #F78B4E rgb (247,139,78) #F78B4E

Quick use #F74F4E

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#F74F4E;">Text here</font>	<div style="background-color:#F74F4E;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#F74F4E;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#F74F4E;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #F74F4E	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #F74F4E;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #F74F4E;

Box border html code	Text shadow with RGB values for color #F74F4E
box border html code for color #F74F4E	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #F74F4E;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(247, 79, 78, 1.4);

Pre-formatted code F74F4E	code for script / programming
HTML, CSS:	= #F74F4E; rgb(247, 79, 78)
Java:	= new Color(247, 79, 78)
.NET:	= Color.FromArgb (247, 79, 78);
Xojo:	= rgb (247, 79, 78, 0);
openGL:	= glColor3f (0.97f, 0.31f, 0.31f);
Swift:	= UIColor(red:0.97, green:0.31, blue:0.31, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.97 green:0.31 blue:0.31 alpha:1.00000];

Color schemes with #F74F4E

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 68% has a #F74F4E saturation. Adding 68% + 10% = 78% saturation for our new color #D12E2E. Decreasing 68% - 10% = 58% saturation for other monochromatic color #FF6B6B. #ff6b6b rgb (255,107,107) #ff6b6b 58% saturation #ff5f5f rgb (184,95,95) #ff5f5f 48% saturation #d12e2e rgb (209,46,46) #d12e2e 78% saturation #b81616 rgb (184,22,22) #b81616 88% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #F7A34F rgb (247,163,79) #F7A34F 30o #F74F4E rgb (247,79,78) #F74F4E 0o #F74FA3 rgb (247,79,163) #F74FA3 330o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #F74F4E has a 0o angle. Adding 0o + 180o = 180oo for our new complementary color #4FF7F7. #F74F4E rgb (247,79,78) #F74F4E 0o #4FF7F7 rgb (79,247,247) #4FF7F7 180o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #F74F4E has a 0o angle. Adding 0o + 180o+30o = 210o for our first complementary color #4FA3F7. Decreasing 0o + 180o-30o = 150o for the second complementary color #4FF7A3. #4FF7A3 rgb (79,247,163) #4FF7A3 150o #F74F4E rgb (247,79,78) #F74F4E 0o #4FA3F7 rgb (79,163,247) #4FA3F7 210o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #4FF74F rgb (79,247,79) #4FF74F 120o #F74F4E rgb (247,79,78) #F74F4E 0o #4F4FF7 rgb (79,79,247) #4F4FF7 240o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #4FF74F rgb (79,247,79) #4FF74F 120o #F74F4E rgb (247,79,78) #F74F4E 0o #4FF7F7 rgb (79,247,247) #4FF7F7 180o #F74FF7 rgb (247,79,247) #F74FF7 300o