#f9a765 Color Hex Candied Yams

Information about Candied Yams Color | #0000FF

#f9a765 color RGB value is (249,167,101). #f9a765 color name is Candied Yams color.

#f9a765 hex color red value is 249 , green value is 167 and the blue value of its RGB is 101 . Cylindrical-coordinate representations (also known as HSL) of color #f9a765 hue: 27 , saturation: 92 and the lightness value of #f9a765 is 69

The process color (four color CMYK) of #f9a765 color hex is 0 , 13 ,23, 1 .

#f9a765

~Candied Yams

Color Converions

HEX
#f9a765
RGB
249,167,101
LAB
76,26,47
CMYK
0,33,59,2
LCH
76,54,60
XYZ
55,49,19
HSV
27,59,98
HSL
27,92,69

Base Numbers

Base Red Green Blue
Binary 11111001 10100111 1100101
Octal 371 247 145
Decimal 249 167 101
Hex f9 a7 65

RGB Percentages of Color #f9a765

98%
65%
40%

CMYK Percentages of Color #f9a765

0%
23%
13%
1%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #f9a765

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#f9a765
20%
#e0965b
30%
#c78651
40%
#ae7547
50%
#95643d
60%
#7c5432
70%
#644328
80%
#4b321e
90%
#322114
100%
#19110a

Tints of #f9a765

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#f9a765
20%
#fab074
30%
#fab984
40%
#fbc193
50%
#fbcaa3
60%
#fcd3b2
70%
#fddcc1
80%
#fde5d1
90%
#feede0
100%
#fef6f0

Tones of #f9a765

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#f9a765
20%
#eda368
30%
#e19f6a
40%
#d59b6d
50%
#c89770
60%
#bc9372
70%
#b08f75
80%
#a48b78
90%
#98877a
100%
#8c837d

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#f9a765
#f96c65
#f98965
#f9a765
#f9c565
#f9e265

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#f9a765
#65b7f9

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f9a765
#99f965
#6c65f9

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#f9a765
#65f9a7
#a765f9

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#f9a765
#6df965
#65b7f9
#f165f9

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f9a765
#24180f
#4f3520
#795131
#a46e43
#ce8b54

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#f9a765

protanopia

#cab86b

deuteranopia

#e3af62

tritanopia

#fe9da9

achromatopsia

#b4b4b4

protanomaly

#dbb269

deuteranomaly

#ebac63

achromatopsia

#b4b4b4

tritanomaly

#fca190

achromatomaly

#cdaf97

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 11/21
Hello World !

#f9a765 Color CSS Codes

.bgcolor {background-color:#f9a765; } 
.forecolor {color:#f9a765; }
.bordercolor {border:3px solid #f9a765; }
            

#f9a765 Text Font Color

<div style="color:#f9a765">
Div content here</div>

This sample text font color is #f9a765
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#f9a765 Background Color

<div style="background-color:#f9a765">
Div content here</div>
Div content here

#f9a765 Border Color

<div style="border:3px solid #f9a765">
Div here</div>

This div border color is #f9a765

#f9a765 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #f9a765; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #f9a765; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #f9a765;
  -webkit-box-shadow: 1px 1px 3px 2px #f9a765;
  box-shadow: 1px 1px 3px 2px #f9a765; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #f9a765">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #f9a765;
              -webkit-box-shadow: 1px 1px 3px 2px #f9a765;
              box-shadow:         1px 1px 3px 2px #f9a765#f9a765">
Div content here</div>

This div box has shadow with color #f9a765

More Colors

Honey and Thyme
#aaaa00
Grubenwald
#4a5b51
Impetuous
#e4d68c
Mellow Coral
#e0897e
Marsh Grass
#82763d
Amber Wave
#d78b55
Agave Frond
#5a6e6a
Acoustic White
#efece1
Oranzhewyi Orange
#ee6237
Dust Storm
#e7d3b7
Ice Fishing
#dcecf5
My Fair Lady
#f3c4c2
Heritage Taffeta
#956f7b
Adeline
#ccb0b5
Dark Strawberry
#80444c
Mint Ice
#bde8d8
Ecru Wealth
#d5cdb4
Fennel Fiasco
#00aa44
Light Fresh Lime
#e2f4d7
Breathtaking
#536193
Lettuce Mound
#92a772
Flame Pea
#be5c48
Endless
#5b976a
Citronette
#c4aa27
Love Potion
#c01352
Pizza
#bf8d3c
Grey Wool
#a9bbbc
Ensign Blue
#384c67
Ceramic
#fcfff9
Larchmere
#70baa7
Fenland
#ac9d83
Milk Tooth
#faebd7
Minified Ballerina Blue
#d3dfea
Mt. Hood White
#e7e9e6
Lilac Scent Soft Blue
#9eabd0
Bright Clove
#efcf9b
Nessie
#716748
Murex
#847eb1
Glitzy Red
#af413b
Cobalt Night
#353739
rating-img
Rate this tool
NaN/5   0 votes