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

#F5A34C

In a RGB color space, hex #F5A34C is composed of 96% red, 64% green and 30% blue. RGB color code is composed of a hexadecimal F5 red (245/255), a A3 green (163/255) and a 4C blue component (76/255). The decimal RGB color code is rgb(245,163,76) In CMYK color space, it is composed of 0% cyan, 33% magenta, 69% yellow and 4% black. It has a hue angle of 30.89o degrees, a saturation of 89% and a lightness of 63%. Closest websafe color is: #ff9933 rgb (255, 153, 51).

Color conversion

---

Convert color

---

The hexadecimal color #F5A34C has RGB values of R:245, G:163, B:76 and CMYK values of C:0, M:33, Y:69, K:4. Its decimal value is 16098124.Binary code is 111101011010001101001100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color F5A34C  #F5A34C RGB decimal 245, 163, 76  rgb(245, 163, 76) RGB % 96, 64, 30  rgb(96%, 64%, 30%) RGB Adobe 225, 161, 83 CMYK % 0, 33, 69, 4  0%, 33%, 69%, 4% HSL 30.89o, 89, 63  hsl(30.89o, 89%, 63%) HSV (HSB) 31o, 69%, 96%  hsv(31o, 69%, 96%)

Web Safe color #ff9933 rgb (255, 153, 51) XYZ 52.058, 46.129 12.997 xyY 0.47, 0.41, 46.13 Hunter-Lab 67.92, 21.93, 33.75 CMY 4%, 36%, 70% Lab 74.2, 25.77, 56.57 Binary color F5 A3 4C 11110101 10100011 1001100

Shades and tints of #F5A34C

---

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

Tint color variation #F5A34C

#F7B167 rgb (247,177,103) #F7B167 #F8BD7E rgb (248,189,126) #F8BD7E #F9C791 rgb (249,199,145) #F9C791 #FACFA2 rgb (250,207,162) #FACFA2 #FBD6B0 rgb (251,214,176) #FBD6B0 #FCDCBC rgb (252,220,188) #FCDCBC #FCE1C6 rgb (252,225,198) #FCE1C6 #FCE6CF rgb (252,230,207) #FCE6CF #FCEAD6 rgb (252,234,214) #FCEAD6 #FCEDDC rgb (252,237,220) #FCEDDC

Shade color variation

#D08B41 rgb (208,139,65) #D08B41 #B17637 rgb (177,118,55) #B17637 #96642F rgb (150,100,47) #96642F #805528 rgb (128,85,40) #805528 #6D4822 rgb (109,72,34) #6D4822 #5D3D1D rgb (93,61,29) #5D3D1D #4F3419 rgb (79,52,25) #4F3419 #432C15 rgb (67,44,21) #432C15 #392512 rgb (57,37,18) #392512 #301F0F rgb (48,31,15) #301F0F

Tones of #F5A34C

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

#E9A051 rgb (233,160,81) #E9A051 #DF9D56 rgb (223,157,86) #DF9D56 #D69A5A rgb (214,154,90) #D69A5A #CD975E rgb (205,151,94) #CD975E #C59561 rgb (197,149,97) #C59561 #BE9364 rgb (190,147,100) #BE9364 #B89167 rgb (184,145,103) #B89167 #B28F6A rgb (178,143,106) #B28F6A #AD8E6C rgb (173,142,108) #AD8E6C #A98D6E rgb (169,141,110) #A98D6E

Alternatives to #F5A34C

---

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

#F5674C rgb (245,103,76) #F5674C #F57B4C rgb (245,123,76) #F57B4C #F58F4C rgb (245,143,76) #F58F4C #F5B74C rgb (245,183,76) #F5B74C #F5CB4C rgb (245,203,76) #F5CB4C #F5DF4C rgb (245,223,76) #F5DF4C

Quick use #F5A34C

---

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

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

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

Pre-formatted code F5A34C	code for script / programming
HTML, CSS:	= #F5A34C; rgb(245, 163, 76)
Java:	= new Color(245, 163, 76)
.NET:	= Color.FromArgb (245, 163, 76);
Xojo:	= rgb (245, 163, 76, 0);
openGL:	= glColor3f (0.96f, 0.64f, 0.3f);
Swift:	= UIColor(red:0.96, green:0.64, blue:0.3, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.96 green:0.64 blue:0.3 alpha:1.00000];

Color schemes with #F5A34C

---

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: 69% has a #F5A34C saturation. Adding 69% + 10% = 79% saturation for our new color #CF802B. Decreasing 69% - 10% = 59% saturation for other monochromatic color #FFB669. #ffb669 rgb (255,182,105) #ffb669 59% saturation #ff8a5c rgb (181,138,92) #ff8a5c 49% saturation #cf802b rgb (207,128,43) #cf802b 79% saturation #b56714 rgb (181,103,20) #b56714 89% 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. #F2F54C rgb (242,245,76) #F2F54C 61o #F5A34C rgb (245,163,76) #F5A34C 31o #F54F4C rgb (245,79,76) #F54F4C 1o

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: #F5A34C has a 31o angle. Adding 31o + 180o = 211oo for our new complementary color #4C9EF5. #F5A34C rgb (245,163,76) #F5A34C 31o #4C9EF5 rgb (76,158,245) #4C9EF5 211o

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: #F5A34C has a 31o angle. Adding 31o + 180o+30o = 241o for our first complementary color #4F4CF5. Decreasing 31o + 180o-30o = 181o for the second complementary color #4CF2F5. #4CF2F5 rgb (76,242,245) #4CF2F5 181o #F5A34C rgb (245,163,76) #F5A34C 31o #4F4CF5 rgb (79,76,245) #4F4CF5 241o

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. #4CF5A3 rgb (76,245,163) #4CF5A3 151o #F5A34C rgb (245,163,76) #F5A34C 31o #A34CF5 rgb (163,76,245) #A34CF5 271o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #4CF5A3 rgb (76,245,163) #4CF5A3 151o #F5A34C rgb (245,163,76) #F5A34C 31o #4C9EF5 rgb (76,158,245) #4C9EF5 211o #F54C9E rgb (245,76,158) #F54C9E 331o