#f99314 hex color

In a RGB color space, hex #f99314 is composed of 97.6% red, 57.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41% magenta, 92% yellow and 2.4% black. It has a hue angle of 33.3 degrees, a saturation of 95% and a lightness of 52.7%. #f99314 color hex could be obtained by blending #ffff28 with #f32700. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 98
- G 58
- B 8
RGB color chart
- C 0
- M 41
- Y 92
- K 2
CMYK color chart

● #f99314 color description : Vivid orange.

The hexadecimal color #f99314 has RGB values of R:249, G:147, B:20 and CMYK values of C:0, M:0.41, Y:0.92, K:0.02. Its decimal value is 16356116.

Hex triplet	f99314	`#f99314`
RGB Decimal	249, 147, 20	`rgb(249,147,20)`
RGB Percent	97.6, 57.6, 7.8	`rgb(97.6%,57.6%,7.8%)`
CMYK	0, 41, 92, 2
HSL	33.3°, 95, 52.7	`hsl(33.3,95%,52.7%)`
HSV (or HSB)	33.3°, 92, 97.6
Web Safe	ff9900	`#ff9900`

CIE-LAB	70.219, 30.991, 72.657
XYZ	49.629, 41.062, 5.974
xyY	0.513, 0.425, 41.062
CIE-LCH	70.219, 78.99, 66.9
CIE-LUV	70.219, 84.537, 66.057
Hunter-Lab	64.079, 26.106, 39.328
Binary	11111001, 10010011, 00010100

#f99314
```
#f99314 rgb(249,147,20)
```
#147af9
```
#147af9 rgb(20,122,249)
```

Complementary Color

#f92114
```
#f92114 rgb(249,33,20)
```
#f99314
```
#f99314 rgb(249,147,20)
```
#edf914
```
#edf914 rgb(237,249,20)
```

Analogous Color

#2114f9
```
#2114f9 rgb(33,20,249)
```
#f99314
```
#f99314 rgb(249,147,20)
```
#14edf9
```
#14edf9 rgb(20,237,249)
```

Split Complementary Color

#9314f9
```
#9314f9 rgb(147,20,249)
```
#f99314
```
#f99314 rgb(249,147,20)
```
#14f993
```
#14f993 rgb(20,249,147)
```

Triadic Color

#f9147a
```
#f9147a rgb(249,20,122)
```
#f99314
```
#f99314 rgb(249,147,20)
```
#14f993
```
#14f993 rgb(20,249,147)
```
#147af9
```
#147af9 rgb(20,122,249)
```

Tetradic Color

#bc6a05
```
#bc6a05 rgb(188,106,5)
```
#d57805
```
#d57805 rgb(213,120,5)
```
#ed8606
```
#ed8606 rgb(237,134,6)
```
#f99314
```
#f99314 rgb(249,147,20)
```
#fa9e2d
```
#fa9e2d rgb(250,158,45)
```
#faaa46
```
#faaa46 rgb(250,170,70)
```
#fbb55f
```
#fbb55f rgb(251,181,95)
```

Monochromatic Color

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

#f95a14
```
#f95a14 rgb(249,90,20)
```
#f96d14
```
#f96d14 rgb(249,109,20)
```
#f98014
```
#f98014 rgb(249,128,20)
```
#f99314
```
#f99314 rgb(249,147,20)
```
#f9a614
```
#f9a614 rgb(249,166,20)
```
#f9b914
```
#f9b914 rgb(249,185,20)
```
#f9cc14
```
#f9cc14 rgb(249,204,20)
```

Similar Colors

Text with hexadecimal color #f99314

This text has a font color of #f99314.

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

#f99314 background color

This paragraph has a background color of #f99314.

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

#f99314 border color

This element has a border color of #f99314.

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

CSS codes

.text {color:#f99314;}

.background {background-color:#f99314;}

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

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, #0e0800 is the darkest color, while #fffcfa is the lightest one.

#0e0800
```
#0e0800 rgb(14,8,0)
```
#211301
```
#211301 rgb(33,19,1)
```
#341d01
```
#341d01 rgb(52,29,1)
```
#472802
```
#472802 rgb(71,40,2)
```
#5a3302
```
#5a3302 rgb(90,51,2)
```
#6d3e03
```
#6d3e03 rgb(109,62,3)
```
#804903
```
#804903 rgb(128,73,3)
```
#945404
```
#945404 rgb(148,84,4)
```
#a75e04
```
#a75e04 rgb(167,94,4)
```
#ba6905
```
#ba6905 rgb(186,105,5)
```
#cd7405
```
#cd7405 rgb(205,116,5)
```
#e07f06
```
#e07f06 rgb(224,127,6)
```
#f38a06
```
#f38a06 rgb(243,138,6)
```

Shade Color Variation

#f99314
```
#f99314 rgb(249,147,20)
```
#f99c27
```
#f99c27 rgb(249,156,39)
```
#faa53a
```
#faa53a rgb(250,165,58)
```
#faad4d
```
#faad4d rgb(250,173,77)
```
#fbb661
```
#fbb661 rgb(251,182,97)
```
#fbbf74
```
#fbbf74 rgb(251,191,116)
```
#fcc887
```
#fcc887 rgb(252,200,135)
```
#fcd19a
```
#fcd19a rgb(252,209,154)
```
#fdd9ad
```
#fdd9ad rgb(253,217,173)
```
#fde2c0
```
#fde2c0 rgb(253,226,192)
```
#feebd3
```
#feebd3 rgb(254,235,211)
```
#fef4e6
```
#fef4e6 rgb(254,244,230)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#8a8783
```
#8a8783 rgb(138,135,131)
```
#93887a
```
#93887a rgb(147,136,122)
```
#9c8971
```
#9c8971 rgb(156,137,113)
```
#a68a67
```
#a68a67 rgb(166,138,103)
```
#af8b5e
```
#af8b5e rgb(175,139,94)
```
#b88c55
```
#b88c55 rgb(184,140,85)
```
#c18d4c
```
#c18d4c rgb(193,141,76)
```
#cb8e42
```
#cb8e42 rgb(203,142,66)
```
#d48f39
```
#d48f39 rgb(212,143,57)
```
#dd9030
```
#dd9030 rgb(221,144,48)
```
#e69127
```
#e69127 rgb(230,145,39)
```
#f0921d
```
#f0921d rgb(240,146,29)
```
#f99314
```
#f99314 rgb(249,147,20)
```

Tone Color Variation

Below, you can see how #f99314 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

#a3a3a3 Achromatopsia 0.005% of the population
#b4a086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b027 Protanopia 1% of men
#dca709 Deuteranopia 1% of men
#fe8e98 Tritanopia 0.001% of the population

Trichromacy

#d7a520 Protanomaly 1% of men, 0.01% of women
#e6a00d Deuteranomaly 6% of men, 0.4% of women
#fc9068 Tritanomaly 0.01% of the population

#f99314 hex color

#f99314 Color Information

#f99314 Color Conversion

Color Schemes with #f99314

Alternatives to #f99314

#f99314 Preview

Shades and Tints of #f99314

Tones of #f99314

Color Blindness Simulator