#f7a116 hex color

In a RGB color space, hex #f7a116 is composed of 96.9% red, 63.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 91.1% yellow and 3.1% black. It has a hue angle of 37.1 degrees, a saturation of 93.4% and a lightness of 52.7%. #f7a116 color hex could be obtained by blending #ffff2c with #ef4300. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 97
- G 63
- B 9
RGB color chart
- C 0
- M 35
- Y 91
- K 3
CMYK color chart

● #f7a116 color description : Vivid orange.

The hexadecimal color #f7a116 has RGB values of R:247, G:161, B:22 and CMYK values of C:0, M:0.35, Y:0.91, K:0.03. Its decimal value is 16228630.

Hex triplet	f7a116	`#f7a116`
RGB Decimal	247, 161, 22	`rgb(247,161,22)`
RGB Percent	96.9, 63.1, 8.6	`rgb(96.9%,63.1%,8.6%)`
CMYK	0, 35, 91, 3
HSL	37.1°, 93.4, 52.7	`hsl(37.1,93.4%,52.7%)`
HSV (or HSB)	37.1°, 91.1, 96.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.106, 22.884, 74.247
XYZ	51.249, 45.326, 6.809
xyY	0.496, 0.438, 45.326
CIE-LCH	73.106, 77.693, 72.87
CIE-LUV	73.106, 71.203, 70.748
Hunter-Lab	67.324, 18.061, 41.131
Binary	11110111, 10100001, 00010110

#f7a116
```
#f7a116 rgb(247,161,22)
```
#166cf7
```
#166cf7 rgb(22,108,247)
```

Complementary Color

#f73116
```
#f73116 rgb(247,49,22)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```
#ddf716
```
#ddf716 rgb(221,247,22)
```

Analogous Color

#3116f7
```
#3116f7 rgb(49,22,247)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```
#16ddf7
```
#16ddf7 rgb(22,221,247)
```

Split Complementary Color

#a116f7
```
#a116f7 rgb(161,22,247)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```
#16f7a1
```
#16f7a1 rgb(22,247,161)
```

Triadic Color

#f7166c
```
#f7166c rgb(247,22,108)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```
#16f7a1
```
#16f7a1 rgb(22,247,161)
```
#166cf7
```
#166cf7 rgb(22,108,247)
```

Tetradic Color

#ba7506
```
#ba7506 rgb(186,117,6)
```
#d38507
```
#d38507 rgb(211,133,7)
```
#eb9508
```
#eb9508 rgb(235,149,8)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```
#f8ab2f
```
#f8ab2f rgb(248,171,47)
```
#f9b547
```
#f9b547 rgb(249,181,71)
```
#fabf60
```
#fabf60 rgb(250,191,96)
```

Monochromatic Color

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

#f76916
```
#f76916 rgb(247,105,22)
```
#f77c16
```
#f77c16 rgb(247,124,22)
```
#f78e16
```
#f78e16 rgb(247,142,22)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```
#f7b416
```
#f7b416 rgb(247,180,22)
```
#f7c716
```
#f7c716 rgb(247,199,22)
```
#f7d916
```
#f7d916 rgb(247,217,22)
```

Similar Colors

Text with hexadecimal color #f7a116

This text has a font color of #f7a116.

<span style="color:#f7a116;">Text here</span>

#f7a116 background color

This paragraph has a background color of #f7a116.

<p style="background-color:#f7a116;">Content here</p>

#f7a116 border color

This element has a border color of #f7a116.

<div style="border:1px solid #f7a116;">Content here</div>

CSS codes

.text {color:#f7a116;}

.background {background-color:#f7a116;}

.border {border:1px solid #f7a116;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e0900 is the darkest color, while #fffdfa is the lightest one.

#0e0900
```
#0e0900 rgb(14,9,0)
```
#201501
```
#201501 rgb(32,21,1)
```
#332002
```
#332002 rgb(51,32,2)
```
#462c02
```
#462c02 rgb(70,44,2)
```
#593803
```
#593803 rgb(89,56,3)
```
#6c4404
```
#6c4404 rgb(108,68,4)
```
#7f5004
```
#7f5004 rgb(127,80,4)
```
#925c05
```
#925c05 rgb(146,92,5)
```
#a56806
```
#a56806 rgb(165,104,6)
```
#b87406
```
#b87406 rgb(184,116,6)
```
#cb8007
```
#cb8007 rgb(203,128,7)
```
#de8c08
```
#de8c08 rgb(222,140,8)
```
#f19808
```
#f19808 rgb(241,152,8)
```

Shade Color Variation

#f7a116
```
#f7a116 rgb(247,161,22)
```
#f8a929
```
#f8a929 rgb(248,169,41)
```
#f8b03c
```
#f8b03c rgb(248,176,60)
```
#f9b84f
```
#f9b84f rgb(249,184,79)
```
#fac062
```
#fac062 rgb(250,192,98)
```
#fac775
```
#fac775 rgb(250,199,117)
```
#fbcf88
```
#fbcf88 rgb(251,207,136)
```
#fcd79b
```
#fcd79b rgb(252,215,155)
```
#fcdeae
```
#fcdeae rgb(252,222,174)
```
#fde6c1
```
#fde6c1 rgb(253,230,193)
```
#feeed4
```
#feeed4 rgb(254,238,212)
```
#fef5e7
```
#fef5e7 rgb(254,245,231)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888785 is the less saturated color, while #f7a116 is the most saturated one.

#888785
```
#888785 rgb(136,135,133)
```
#91897c
```
#91897c rgb(145,137,124)
```
#9a8b73
```
#9a8b73 rgb(154,139,115)
```
#a48d69
```
#a48d69 rgb(164,141,105)
```
#ad9060
```
#ad9060 rgb(173,144,96)
```
#b69257
```
#b69257 rgb(182,146,87)
```
#bf944e
```
#bf944e rgb(191,148,78)
```
#c99644
```
#c99644 rgb(201,150,68)
```
#d2983b
```
#d2983b rgb(210,152,59)
```
#db9a32
```
#db9a32 rgb(219,154,50)
```
#e49d29
```
#e49d29 rgb(228,157,41)
```
#ee9f1f
```
#ee9f1f rgb(238,159,31)
```
#f7a116
```
#f7a116 rgb(247,161,22)
```

Tone Color Variation

Below, you can see how #f7a116 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#ababab Achromatopsia 0.005% of the population
#baa98d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb727 Protanopia 1% of men
#e5ae18 Deuteranopia 1% of men
#fe9ba5 Tritanopia 0.001% of the population

Trichromacy

#dcaf21 Protanomaly 1% of men, 0.01% of women
#eba917 Deuteranomaly 6% of men, 0.4% of women
#fb9d71 Tritanomaly 0.01% of the population

#f7a116 hex color

#f7a116 Color Information

#f7a116 Color Conversion

Color Schemes with #f7a116

Alternatives to #f7a116

#f7a116 Preview

Shades and Tints of #f7a116

Tones of #f7a116

Color Blindness Simulator