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

#F28130

In a RGB color space, hex #F28130 is composed of 95% red, 51% green and 19% blue. RGB color code is composed of a hexadecimal F2 red (242/255), a 81 green (129/255) and a 30 blue component (48/255). The decimal RGB color code is rgb(242,129,48) In CMYK color space, it is composed of 0% cyan, 47% magenta, 80% yellow and 5% black. It has a hue angle of 25.05o degrees, a saturation of 88% and a lightness of 57%. Closest websafe color is: #ff9933 rgb (255, 153, 51).

Color conversion

---

Convert color

---

The hexadecimal color #F28130 has RGB values of R:242, G:129, B:48 and CMYK values of C:0, M:47, Y:80, K:5. Its decimal value is 15892784.Binary code is 111100101000000100110000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color F28130  #F28130 RGB decimal 242, 129, 48  rgb(242, 129, 48) RGB % 95, 51, 19  rgb(95%, 51%, 19%) RGB Adobe 216, 128, 57 CMYK % 0, 47, 80, 5  0%, 47%, 80%, 5% HSL 25.05o, 88, 57  hsl(25.05o, 88%, 57%) HSV (HSB) 25o, 80%, 95%  hsv(25o, 80%, 95%)

Web Safe color #ff9933 rgb (255, 153, 51) XYZ 45.002, 34.791 7.14 xyY 0.52, 0.4, 34.79 Hunter-Lab 58.98, 36.69, 32.09 CMY 5%, 49%, 81% Lab 66.27, 40.55, 60.85 Binary color F2 81 30 11110010 10000001 110000

Shades and tints of #F28130

---

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: #301A0A is the darkest color, and: #FCE6D6 is the lightest one.

Tint color variation #F28130

#F4944F rgb (244,148,79) #F4944F #F6A469 rgb (246,164,105) #F6A469 #F7B280 rgb (247,178,128) #F7B280 #F8BE93 rgb (248,190,147) #F8BE93 #F9C8A3 rgb (249,200,163) #F9C8A3 #FAD0B1 rgb (250,208,177) #FAD0B1 #FBD7BD rgb (251,215,189) #FBD7BD #FCDDC7 rgb (252,221,199) #FCDDC7 #FCE2CF rgb (252,226,207) #FCE2CF #FCE6D6 rgb (252,230,214) #FCE6D6

Shade color variation

#CE6E29 rgb (206,110,41) #CE6E29 #AF5E23 rgb (175,94,35) #AF5E23 #95501E rgb (149,80,30) #95501E #7F441A rgb (127,68,26) #7F441A #6C3A16 rgb (108,58,22) #6C3A16 #5C3113 rgb (92,49,19) #5C3113 #4E2A10 rgb (78,42,16) #4E2A10 #42240E rgb (66,36,14) #42240E #381F0C rgb (56,31,12) #381F0C #301A0A rgb (48,26,10) #301A0A

Tones of #F28130

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

#E78138 rgb (231,129,56) #E78138 #DD813F rgb (221,129,63) #DD813F #D48146 rgb (212,129,70) #D48146 #CC814C rgb (204,129,76) #CC814C #C48151 rgb (196,129,81) #C48151 #BD8156 rgb (189,129,86) #BD8156 #B7815A rgb (183,129,90) #B7815A #B2815E rgb (178,129,94) #B2815E #AD8161 rgb (173,129,97) #AD8161 #A98164 rgb (169,129,100) #A98164

Alternatives to #F28130

---

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

#F24530 rgb (242,69,48) #F24530 #F25930 rgb (242,89,48) #F25930 #F26D30 rgb (242,109,48) #F26D30 #F29530 rgb (242,149,48) #F29530 #F2A930 rgb (242,169,48) #F2A930 #F2BD30 rgb (242,189,48) #F2BD30

Quick use #F28130

---

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

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

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

Pre-formatted code F28130	code for script / programming
HTML, CSS:	= #F28130; rgb(242, 129, 48)
Java:	= new Color(242, 129, 48)
.NET:	= Color.FromArgb (242, 129, 48);
Xojo:	= rgb (242, 129, 48, 0);
openGL:	= glColor3f (0.95f, 0.51f, 0.19f);
Swift:	= UIColor(red:0.95, green:0.51, blue:0.19, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.95 green:0.51 blue:0.19 alpha:1.00000];

Color schemes with #F28130

---

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: 80% has a #F28130 saturation. Adding 80% + 10% = 90% saturation for our new color #CC6114. Decreasing 80% - 10% = 70% saturation for other monochromatic color #FF974D. #ff974d rgb (255,151,77) #ff974d 70% saturation #ff7447 rgb (179,116,71) #ff7447 60% saturation #cc6114 rgb (204,97,20) #cc6114 90% saturation #b34a00 rgb (179,74,0) #b34a00 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. #F2E230 rgb (242,226,48) #F2E230 55o #F28130 rgb (242,129,48) #F28130 25o #F23041 rgb (242,48,65) #F23041 355o

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: #F28130 has a 25o angle. Adding 25o + 180o = 205oo for our new complementary color #30A2F2. #F28130 rgb (242,129,48) #F28130 25o #30A2F2 rgb (48,162,242) #30A2F2 205o

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: #F28130 has a 25o angle. Adding 25o + 180o+30o = 235o for our first complementary color #3041F2. Decreasing 25o + 180o-30o = 175o for the second complementary color #30F2E2. #30F2E2 rgb (48,242,226) #30F2E2 175o #F28130 rgb (242,129,48) #F28130 25o #3041F2 rgb (48,65,242) #3041F2 235o

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. #30F281 rgb (48,242,129) #30F281 145o #F28130 rgb (242,129,48) #F28130 25o #8130F2 rgb (129,48,242) #8130F2 265o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #30F281 rgb (48,242,129) #30F281 145o #F28130 rgb (242,129,48) #F28130 25o #30A2F2 rgb (48,162,242) #30A2F2 205o #F230A2 rgb (242,48,162) #F230A2 325o