#f05314 hex color

In a RGB color space, hex #f05314 is composed of 94.1% red, 32.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.4% magenta, 91.7% yellow and 5.9% black. It has a hue angle of 17.2 degrees, a saturation of 88% and a lightness of 51%. #f05314 color hex could be obtained by blending #ffa628 with #e10000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 94
- G 33
- B 8
RGB color chart
- C 0
- M 65
- Y 92
- K 6
CMYK color chart

● #f05314 color description : Vivid orange.

The hexadecimal color #f05314 has RGB values of R:240, G:83, B:20 and CMYK values of C:0, M:0.65, Y:0.92, K:0.06. Its decimal value is 15749908.

Hex triplet	f05314	`#f05314`
RGB Decimal	240, 83, 20	`rgb(240,83,20)`
RGB Percent	94.1, 32.5, 7.8	`rgb(94.1%,32.5%,7.8%)`
CMYK	0, 65, 92, 6
HSL	17.2°, 88, 51	`hsl(17.2,88%,51%)`
HSV (or HSB)	17.2°, 91.7, 94.1
Web Safe	ff6600	`#ff6600`

CIE-LAB	56.847, 58.044, 62.74
XYZ	39.157, 24.767, 3.38
xyY	0.582, 0.368, 24.767
CIE-LCH	56.847, 85.472, 47.226
CIE-LUV	56.847, 128.863, 45.355
Hunter-Lab	49.766, 53.355, 30.809
Binary	11110000, 01010011, 00010100

#f05314
```
#f05314 rgb(240,83,20)
```
#14b1f0
```
#14b1f0 rgb(20,177,240)
```

Complementary Color

#f01443
```
#f01443 rgb(240,20,67)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#f0c114
```
#f0c114 rgb(240,193,20)
```

Analogous Color

#1443f0
```
#1443f0 rgb(20,67,240)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#14f0c1
```
#14f0c1 rgb(20,240,193)
```

Split Complementary Color

#5314f0
```
#5314f0 rgb(83,20,240)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#14f053
```
#14f053 rgb(20,240,83)
```

Triadic Color

#f014b1
```
#f014b1 rgb(240,20,177)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#14f053
```
#14f053 rgb(20,240,83)
```
#14b1f0
```
#14b1f0 rgb(20,177,240)
```

Tetradic Color

#ac390b
```
#ac390b rgb(172,57,11)
```
#c4410d
```
#c4410d rgb(196,65,13)
```
#dc490e
```
#dc490e rgb(220,73,14)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#f2652c
```
#f2652c rgb(242,101,44)
```
#f37644
```
#f37644 rgb(243,118,68)
```
#f5885c
```
#f5885c rgb(245,136,92)
```

Monochromatic Color

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

#f01c14
```
#f01c14 rgb(240,28,20)
```
#f02e14
```
#f02e14 rgb(240,46,20)
```
#f04114
```
#f04114 rgb(240,65,20)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#f06514
```
#f06514 rgb(240,101,20)
```
#f07814
```
#f07814 rgb(240,120,20)
```
#f08a14
```
#f08a14 rgb(240,138,20)
```

Similar Colors

Text with hexadecimal color #f05314

This text has a font color of #f05314.

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

#f05314 background color

This paragraph has a background color of #f05314.

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

#f05314 border color

This element has a border color of #f05314.

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

CSS codes

.text {color:#f05314;}

.background {background-color:#f05314;}

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

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, #050200 is the darkest color, while #fef5f1 is the lightest one.

#050200
```
#050200 rgb(5,2,0)
```
#170801
```
#170801 rgb(23,8,1)
```
#2a0e03
```
#2a0e03 rgb(42,14,3)
```
#3c1404
```
#3c1404 rgb(60,20,4)
```
#4e1a05
```
#4e1a05 rgb(78,26,5)
```
#612006
```
#612006 rgb(97,32,6)
```
#732607
```
#732607 rgb(115,38,7)
```
#862c09
```
#862c09 rgb(134,44,9)
```
#98330a
```
#98330a rgb(152,51,10)
```
#ab390b
```
#ab390b rgb(171,57,11)
```
#bd3f0c
```
#bd3f0c rgb(189,63,12)
```
#d0450d
```
#d0450d rgb(208,69,13)
```
#e24b0e
```
#e24b0e rgb(226,75,14)
```

Shade Color Variation

#f05314
```
#f05314 rgb(240,83,20)
```
#f16026
```
#f16026 rgb(241,96,38)
```
#f26e39
```
#f26e39 rgb(242,110,57)
```
#f47b4b
```
#f47b4b rgb(244,123,75)
```
#f5895e
```
#f5895e rgb(245,137,94)
```
#f69670
```
#f69670 rgb(246,150,112)
```
#f7a483
```
#f7a483 rgb(247,164,131)
```
#f8b195
```
#f8b195 rgb(248,177,149)
```
#f9bfa8
```
#f9bfa8 rgb(249,191,168)
```
#fbccba
```
#fbccba rgb(251,204,186)
```
#fcdacc
```
#fcdacc rgb(252,218,204)
```
#fde7df
```
#fde7df rgb(253,231,223)
```
#fef5f1
```
#fef5f1 rgb(254,245,241)
```

Tint Color Variation

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

#86807e
```
#86807e rgb(134,128,126)
```
#907c74
```
#907c74 rgb(144,124,116)
```
#99786b
```
#99786b rgb(153,120,107)
```
#a37461
```
#a37461 rgb(163,116,97)
```
#ad7057
```
#ad7057 rgb(173,112,87)
```
#b66c4e
```
#b66c4e rgb(182,108,78)
```
#c06844
```
#c06844 rgb(192,104,68)
```
#ca633a
```
#ca633a rgb(202,99,58)
```
#d35f31
```
#d35f31 rgb(211,95,49)
```
#dd5b27
```
#dd5b27 rgb(221,91,39)
```
#e6571e
```
#e6571e rgb(230,87,30)
```
#f05314
```
#f05314 rgb(240,83,20)
```
#fa4f0a
```
#fa4f0a rgb(250,79,10)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#927366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e2c Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#f2565a Tritanopia 0.001% of the population

Trichromacy

#bc7923 Protanomaly 1% of men, 0.01% of women
#c87407 Deuteranomaly 6% of men, 0.4% of women
#f15541 Tritanomaly 0.01% of the population

#f05314 hex color

#f05314 Color Information

#f05314 Color Conversion

Color Schemes with #f05314

Alternatives to #f05314

#f05314 Preview

Shades and Tints of #f05314

Tones of #f05314

Color Blindness Simulator