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

#F7017A

In a RGB color space, hex #F7017A is composed of 97% red, 0% green and 48% blue. RGB color code is composed of a hexadecimal F7 red (247/255), a 01 green (1/255) and a 7A blue component (122/255). The decimal RGB color code is rgb(247,1,122) In CMYK color space, it is composed of 0% cyan, 100% magenta, 51% yellow and 3% black. It has a hue angle of 330.49o degrees, a saturation of 99% and a lightness of 49%. Closest websafe color is: #ff0066 rgb (255, 0, 102).

Color conversion

---

Convert color

---

The hexadecimal color #F7017A has RGB values of R:247, G:1, B:122 and CMYK values of C:0, M:100, Y:51, K:3. Its decimal value is 16187770.Binary code is 111101110000000101111010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color F7017A  #F7017A RGB decimal 247, 1, 122  rgb(247, 1, 122) RGB % 97, 0, 48  rgb(97%, 0%, 48%) RGB Adobe 212, 6, 119 CMYK % 0, 100, 51, 3  0%, 100%, 51%, 3% HSL 330.49o, 99, 49  hsl(330.49o, 99%, 49%) HSV (HSB) 330o, 100%, 97%  hsv(330o, 100%, 97%)

Web Safe color #ff0066 rgb (255, 0, 102) XYZ 41.881, 21.201 20.297 xyY 0.5, 0.25, 21.2 Hunter-Lab 46.04, 85.58, 3.73 CMY 3%, 100%, 52% Lab 53.92, 81.69, 6.76 Binary color F7 01 7A 11110111 1 1111010

Shades and tints of #F7017A

---

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: #310118 is the darkest color, and: #FCCDE5 is the lightest one.

Tint color variation #F7017A

#F8278E rgb (248,39,142) #F8278E #F9479F rgb (249,71,159) #F9479F #FA63AD rgb (250,99,173) #FA63AD #FB7AB9 rgb (251,122,185) #FB7AB9 #FC8EC4 rgb (252,142,196) #FC8EC4 #FC9FCD rgb (252,159,205) #FC9FCD #FCADD5 rgb (252,173,213) #FCADD5 #FCB9DB rgb (252,185,219) #FCB9DB #FCC4E0 rgb (252,196,224) #FCC4E0 #FCCDE5 rgb (252,205,229) #FCCDE5

Shade color variation

#D20168 rgb (210,1,104) #D20168 #B30158 rgb (179,1,88) #B30158 #98014B rgb (152,1,75) #98014B #810140 rgb (129,1,64) #810140 #6E0136 rgb (110,1,54) #6E0136 #5E012E rgb (94,1,46) #5E012E #500127 rgb (80,1,39) #500127 #440121 rgb (68,1,33) #440121 #3A011C rgb (58,1,28) #3A011C #310118 rgb (49,1,24) #310118

Tones of #F7017A

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

#EB0E7B rgb (235,14,123) #EB0E7B #E0197C rgb (224,25,124) #E0197C #D6237C rgb (214,35,124) #D6237C #CD2C7C rgb (205,44,124) #CD2C7C #C5347C rgb (197,52,124) #C5347C #BE3C7C rgb (190,60,124) #BE3C7C #B8437C rgb (184,67,124) #B8437C #B2497C rgb (178,73,124) #B2497C #AD4F7C rgb (173,79,124) #AD4F7C #A9547C rgb (169,84,124) #A9547C

Alternatives to #F7017A

---

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

#BB017A rgb (187,1,122) #BB017A #CF017A rgb (207,1,122) #CF017A #E3017A rgb (227,1,122) #E3017A #F7157A rgb (247,21,122) #F7157A #F7297A rgb (247,41,122) #F7297A #F73D7A rgb (247,61,122) #F73D7A

Quick use #F7017A

---

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="#F7017A;">Text here</font>	<div style="background-color:#F7017A;">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="#F7017A;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#F7017A;">Text here</font> </div>

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

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

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

Color schemes with #F7017A

---

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: 100% has a #F7017A saturation. Adding 100% + 10% = 100% saturation for our new color #D10069. Decreasing 100% - 10% = 90% saturation for other monochromatic color #FF1A8C. #ff1a8c rgb (255,26,140) #ff1a8c 90% saturation #ff256e rgb (184,37,110) #ff256e 80% saturation #d10069 rgb (209,0,105) #d10069 100% saturation #b8005c rgb (184,0,92) #b8005c 100% 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. #F70000 rgb (247,0,0) #F70000 360o #F7017A rgb (247,1,122) #F7017A 330o #F700F7 rgb (247,0,247) #F700F7 300o

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: #F7017A has a 330o angle. Adding 330o + 180o = 150oo for our new complementary color #00F77C. #F7017A rgb (247,1,122) #F7017A 330o #00F77C rgb (0,247,124) #00F77C 150o

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: #F7017A has a 330o angle. Adding 330o + 180o+30o = 180o for our first complementary color #00F7F7. Decreasing 330o + 180o-30o = 120o for the second complementary color #00F700. #00F700 rgb (0,247,0) #00F700 120o #F7017A rgb (247,1,122) #F7017A 330o #00F7F7 rgb (0,247,247) #00F7F7 180o

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. #7CF700 rgb (124,247,0) #7CF700 90o #F7017A rgb (247,1,122) #F7017A 330o #007CF7 rgb (0,124,247) #007CF7 210o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #7CF700 rgb (124,247,0) #7CF700 90o #F7017A rgb (247,1,122) #F7017A 330o #00F77C rgb (0,247,124) #00F77C 150o #7C00F7 rgb (124,0,247) #7C00F7 270o