#f04314 hex color

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

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

● #f04314 color description : Vivid red.

The hexadecimal color #f04314 has RGB values of R:240, G:67, B:20 and CMYK values of C:0, M:0.72, Y:0.92, K:0.06. Its decimal value is 15745812.

Hex triplet	f04314	`#f04314`
RGB Decimal	240, 67, 20	`rgb(240,67,20)`
RGB Percent	94.1, 26.3, 7.8	`rgb(94.1%,26.3%,7.8%)`
CMYK	0, 72, 92, 6
HSL	12.8°, 88, 51	`hsl(12.8,88%,51%)`
HSV (or HSB)	12.8°, 91.7, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.652, 64.034, 61.284
XYZ	38.071, 22.595, 3.018
xyY	0.598, 0.355, 22.595
CIE-LCH	54.652, 88.635, 43.743
CIE-LUV	54.652, 139.699, 41.506
Hunter-Lab	47.534, 59.779, 29.509
Binary	11110000, 01000011, 00010100

#f04314
```
#f04314 rgb(240,67,20)
```
#14c1f0
```
#14c1f0 rgb(20,193,240)
```

Complementary Color

#f01453
```
#f01453 rgb(240,20,83)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#f0b114
```
#f0b114 rgb(240,177,20)
```

Analogous Color

#1453f0
```
#1453f0 rgb(20,83,240)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#14f0b1
```
#14f0b1 rgb(20,240,177)
```

Split Complementary Color

#4314f0
```
#4314f0 rgb(67,20,240)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#14f043
```
#14f043 rgb(20,240,67)
```

Triadic Color

#f014c1
```
#f014c1 rgb(240,20,193)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#14f043
```
#14f043 rgb(20,240,67)
```
#14c1f0
```
#14c1f0 rgb(20,193,240)
```

Tetradic Color

#ac2e0b
```
#ac2e0b rgb(172,46,11)
```
#c4340d
```
#c4340d rgb(196,52,13)
```
#dc3a0e
```
#dc3a0e rgb(220,58,14)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#f2562c
```
#f2562c rgb(242,86,44)
```
#f36944
```
#f36944 rgb(243,105,68)
```
#f57d5c
```
#f57d5c rgb(245,125,92)
```

Monochromatic Color

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

#f0141c
```
#f0141c rgb(240,20,28)
```
#f01e14
```
#f01e14 rgb(240,30,20)
```
#f03114
```
#f03114 rgb(240,49,20)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#f05514
```
#f05514 rgb(240,85,20)
```
#f06814
```
#f06814 rgb(240,104,20)
```
#f07a14
```
#f07a14 rgb(240,122,20)
```

Similar Colors

Text with hexadecimal color #f04314

This text has a font color of #f04314.

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

#f04314 background color

This paragraph has a background color of #f04314.

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

#f04314 border color

This element has a border color of #f04314.

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

CSS codes

.text {color:#f04314;}

.background {background-color:#f04314;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#170601
```
#170601 rgb(23,6,1)
```
#2a0b03
```
#2a0b03 rgb(42,11,3)
```
#3c1004
```
#3c1004 rgb(60,16,4)
```
#4e1505
```
#4e1505 rgb(78,21,5)
```
#611a06
```
#611a06 rgb(97,26,6)
```
#731e07
```
#731e07 rgb(115,30,7)
```
#862309
```
#862309 rgb(134,35,9)
```
#98280a
```
#98280a rgb(152,40,10)
```
#ab2d0b
```
#ab2d0b rgb(171,45,11)
```
#bd320c
```
#bd320c rgb(189,50,12)
```
#d0370d
```
#d0370d rgb(208,55,13)
```
#e23c0e
```
#e23c0e rgb(226,60,14)
```

Shade Color Variation

#f04314
```
#f04314 rgb(240,67,20)
```
#f15226
```
#f15226 rgb(241,82,38)
```
#f26139
```
#f26139 rgb(242,97,57)
```
#f46f4b
```
#f46f4b rgb(244,111,75)
```
#f57e5e
```
#f57e5e rgb(245,126,94)
```
#f68d70
```
#f68d70 rgb(246,141,112)
```
#f79c83
```
#f79c83 rgb(247,156,131)
```
#f8aa95
```
#f8aa95 rgb(248,170,149)
```
#f9b9a8
```
#f9b9a8 rgb(249,185,168)
```
#fbc8ba
```
#fbc8ba rgb(251,200,186)
```
#fcd7cc
```
#fcd7cc rgb(252,215,204)
```
#fde5df
```
#fde5df rgb(253,229,223)
```
#fef4f1
```
#fef4f1 rgb(254,244,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 #fa3d0a is the most saturated one.

#86807e
```
#86807e rgb(134,128,126)
```
#907a74
```
#907a74 rgb(144,122,116)
```
#99756b
```
#99756b rgb(153,117,107)
```
#a36f61
```
#a36f61 rgb(163,111,97)
```
#ad6a57
```
#ad6a57 rgb(173,106,87)
```
#b6644e
```
#b6644e rgb(182,100,78)
```
#c05f44
```
#c05f44 rgb(192,95,68)
```
#ca593a
```
#ca593a rgb(202,89,58)
```
#d35431
```
#d35431 rgb(211,84,49)
```
#dd4e27
```
#dd4e27 rgb(221,78,39)
```
#e6491e
```
#e6491e rgb(230,73,30)
```
#f04314
```
#f04314 rgb(240,67,20)
```
#fa3d0a
```
#fa3d0a rgb(250,61,10)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8a685e Atypical Achromatopsia 0.001% of the population

Dichromacy

#99892e Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#f1484b Tritanopia 0.001% of the population

Trichromacy

#b86f24 Protanomaly 1% of men, 0.01% of women
#c46b07 Deuteranomaly 6% of men, 0.4% of women
#f14637 Tritanomaly 0.01% of the population

#f04314 hex color

#f04314 Color Information

#f04314 Color Conversion

Color Schemes with #f04314

Alternatives to #f04314

#f04314 Preview

Shades and Tints of #f04314

Tones of #f04314

Color Blindness Simulator