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

#F2AF24

In a RGB color space, hex #F2AF24 is composed of 95% red, 69% green and 14% blue. RGB color code is composed of a hexadecimal F2 red (242/255), a AF green (175/255) and a 24 blue component (36/255). The decimal RGB color code is rgb(242,175,36) In CMYK color space, it is composed of 0% cyan, 28% magenta, 85% yellow and 5% black. It has a hue angle of 40.49o degrees, a saturation of 89% and a lightness of 55%. Closest websafe color is: #ff9933 rgb (255, 153, 51).

Color conversion

---

Convert color

---

The hexadecimal color #F2AF24 has RGB values of R:242, G:175, B:36 and CMYK values of C:0, M:28, Y:85, K:5. Its decimal value is 15904548.Binary code is 111100101010111100100100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color F2AF24  #F2AF24 RGB decimal 242, 175, 36  rgb(242, 175, 36) RGB % 95, 69, 14  rgb(95%, 69%, 14%) RGB Adobe 225, 173, 55 CMYK % 0, 28, 85, 5  0%, 28%, 85%, 5% HSL 40.49o, 89, 55  hsl(40.49o, 89%, 55%) HSV (HSB) 40o, 85%, 95%  hsv(40o, 85%, 95%)

Web Safe color #ff9933 rgb (255, 153, 51) XYZ 52.266, 49.665 8.501 xyY 0.47, 0.45, 49.67 Hunter-Lab 70.47, 13.02, 39.82 CMY 5%, 31%, 86% Lab 76.43, 17.45, 72.94 Binary color F2 AF 24 11110010 10101111 100100

Shades and tints of #F2AF24

---

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

Tint color variation #F2AF24

#F4BB45 rgb (244,187,69) #F4BB45 #F6C561 rgb (246,197,97) #F6C561 #F7CE79 rgb (247,206,121) #F7CE79 #F8D58D rgb (248,213,141) #F8D58D #F9DB9E rgb (249,219,158) #F9DB9E #FAE0AD rgb (250,224,173) #FAE0AD #FBE5B9 rgb (251,229,185) #FBE5B9 #FCE9C4 rgb (252,233,196) #FCE9C4 #FCECCD rgb (252,236,205) #FCECCD #FCEFD5 rgb (252,239,213) #FCEFD5

Shade color variation

#CE951F rgb (206,149,31) #CE951F #AF7F1A rgb (175,127,26) #AF7F1A #956C16 rgb (149,108,22) #956C16 #7F5C13 rgb (127,92,19) #7F5C13 #6C4E10 rgb (108,78,16) #6C4E10 #5C420E rgb (92,66,14) #5C420E #4E380C rgb (78,56,12) #4E380C #42300A rgb (66,48,10) #42300A #382909 rgb (56,41,9) #382909 #302308 rgb (48,35,8) #302308

Tones of #F2AF24

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

#E7AA2D rgb (231,170,45) #E7AA2D #DDA635 rgb (221,166,53) #DDA635 #D4A23D rgb (212,162,61) #D4A23D #CC9F44 rgb (204,159,68) #CC9F44 #C49C4A rgb (196,156,74) #C49C4A #BD994F rgb (189,153,79) #BD994F #B79754 rgb (183,151,84) #B79754 #B29558 rgb (178,149,88) #B29558 #AD935C rgb (173,147,92) #AD935C #A99160 rgb (169,145,96) #A99160

Alternatives to #F2AF24

---

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

#F27324 rgb (242,115,36) #F27324 #F28724 rgb (242,135,36) #F28724 #F29B24 rgb (242,155,36) #F29B24 #F2C324 rgb (242,195,36) #F2C324 #F2D724 rgb (242,215,36) #F2D724 #F2EB24 rgb (242,235,36) #F2EB24

Quick use #F2AF24

---

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

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

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

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

Color schemes with #F2AF24

---

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: 85% has a #F2AF24 saturation. Adding 85% + 10% = 95% saturation for our new color #CC8B0A. Decreasing 85% - 10% = 75% saturation for other monochromatic color #FFBF40. #ffbf40 rgb (255,191,64) #ffbf40 75% saturation #ff8c3e rgb (179,140,62) #ff8c3e 65% saturation #cc8b0a rgb (204,139,10) #cc8b0a 95% saturation #b37700 rgb (179,119,0) #b37700 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. #D0F224 rgb (208,242,36) #D0F224 70o #F2AF24 rgb (242,175,36) #F2AF24 40o #F24724 rgb (242,71,36) #F24724 10o

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: #F2AF24 has a 40o angle. Adding 40o + 180o = 220oo for our new complementary color #2469F2. #F2AF24 rgb (242,175,36) #F2AF24 40o #2469F2 rgb (36,105,242) #2469F2 220o

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: #F2AF24 has a 40o angle. Adding 40o + 180o+30o = 250o for our first complementary color #4724F2. Decreasing 40o + 180o-30o = 190o for the second complementary color #24D0F2. #24D0F2 rgb (36,208,242) #24D0F2 190o #F2AF24 rgb (242,175,36) #F2AF24 40o #4724F2 rgb (71,36,242) #4724F2 250o

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. #24F2AE rgb (36,242,174) #24F2AE 160o #F2AF24 rgb (242,175,36) #F2AF24 40o #AE24F2 rgb (174,36,242) #AE24F2 280o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #24F2AE rgb (36,242,174) #24F2AE 160o #F2AF24 rgb (242,175,36) #F2AF24 40o #2469F2 rgb (36,105,242) #2469F2 220o #F22469 rgb (242,36,105) #F22469 340o