#f74314 hex color

In a RGB color space, hex #f74314 is composed of 96.9% red, 26.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 91.9% yellow and 3.1% black. It has a hue angle of 12.4 degrees, a saturation of 93.4% and a lightness of 52.4%. #f74314 color hex could be obtained by blending #ff8628 with #ef0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 97
- G 26
- B 8
RGB color chart
- C 0
- M 73
- Y 92
- K 3
CMYK color chart

● #f74314 color description : Vivid red.

The hexadecimal color #f74314 has RGB values of R:247, G:67, B:20 and CMYK values of C:0, M:0.73, Y:0.92, K:0.03. Its decimal value is 16204564.

Hex triplet	f74314	`#f74314`
RGB Decimal	247, 67, 20	`rgb(247,67,20)`
RGB Percent	96.9, 26.3, 7.8	`rgb(96.9%,26.3%,7.8%)`
CMYK	0, 73, 92, 3
HSL	12.4°, 93.4, 52.4	`hsl(12.4,93.4%,52.4%)`
HSV (or HSB)	12.4°, 91.9, 96.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.931, 66.18, 62.739
XYZ	40.493, 23.844, 3.132
xyY	0.6, 0.353, 23.844
CIE-LCH	55.931, 91.192, 43.471
CIE-LUV	55.931, 145.125, 42.329
Hunter-Lab	48.83, 62.571, 30.378
Binary	11110111, 01000011, 00010100

#f74314
```
#f74314 rgb(247,67,20)
```
#14c8f7
```
#14c8f7 rgb(20,200,247)
```

Complementary Color

#f71456
```
#f71456 rgb(247,20,86)
```
#f74314
```
#f74314 rgb(247,67,20)
```
#f7b514
```
#f7b514 rgb(247,181,20)
```

Analogous Color

#1456f7
```
#1456f7 rgb(20,86,247)
```
#f74314
```
#f74314 rgb(247,67,20)
```
#14f7b5
```
#14f7b5 rgb(20,247,181)
```

Split Complementary Color

#4314f7
```
#4314f7 rgb(67,20,247)
```
#f74314
```
#f74314 rgb(247,67,20)
```
#14f743
```
#14f743 rgb(20,247,67)
```

Triadic Color

#f714c8
```
#f714c8 rgb(247,20,200)
```
#f74314
```
#f74314 rgb(247,67,20)
```
#14f743
```
#14f743 rgb(20,247,67)
```
#14c8f7
```
#14c8f7 rgb(20,200,247)
```

Tetradic Color

#b82b06
```
#b82b06 rgb(184,43,6)
```
#d13107
```
#d13107 rgb(209,49,7)
```
#ea3708
```
#ea3708 rgb(234,55,8)
```
#f74314
```
#f74314 rgb(247,67,20)
```
#f8572d
```
#f8572d rgb(248,87,45)
```
#f96a45
```
#f96a45 rgb(249,106,69)
```
#fa7e5e
```
#fa7e5e rgb(250,126,94)
```

Monochromatic Color

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

#f7141e
```
#f7141e rgb(247,20,30)
```
#f71d14
```
#f71d14 rgb(247,29,20)
```
#f73014
```
#f73014 rgb(247,48,20)
```
#f74314
```
#f74314 rgb(247,67,20)
```
#f75614
```
#f75614 rgb(247,86,20)
```
#f76914
```
#f76914 rgb(247,105,20)
```
#f77c14
```
#f77c14 rgb(247,124,20)
```

Similar Colors

Text with hexadecimal color #f74314

This text has a font color of #f74314.

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

#f74314 background color

This paragraph has a background color of #f74314.

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

#f74314 border color

This element has a border color of #f74314.

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

CSS codes

.text {color:#f74314;}

.background {background-color:#f74314;}

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

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

#0c0300
```
#0c0300 rgb(12,3,0)
```
#1f0701
```
#1f0701 rgb(31,7,1)
```
#320c02
```
#320c02 rgb(50,12,2)
```
#451002
```
#451002 rgb(69,16,2)
```
#571403
```
#571403 rgb(87,20,3)
```
#6a1904
```
#6a1904 rgb(106,25,4)
```
#7d1d04
```
#7d1d04 rgb(125,29,4)
```
#902205
```
#902205 rgb(144,34,5)
```
#a32606
```
#a32606 rgb(163,38,6)
```
#b62b06
```
#b62b06 rgb(182,43,6)
```
#c92f07
```
#c92f07 rgb(201,47,7)
```
#dc3407
```
#dc3407 rgb(220,52,7)
```
#ef3808
```
#ef3808 rgb(239,56,8)
```

Shade Color Variation

#f74314
```
#f74314 rgb(247,67,20)
```
#f85227
```
#f85227 rgb(248,82,39)
```
#f8613a
```
#f8613a rgb(248,97,58)
```
#f9714d
```
#f9714d rgb(249,113,77)
```
#fa8060
```
#fa8060 rgb(250,128,96)
```
#fa8f73
```
#fa8f73 rgb(250,143,115)
```
#fb9e86
```
#fb9e86 rgb(251,158,134)
```
#fcad99
```
#fcad99 rgb(252,173,153)
```
#fcbcac
```
#fcbcac rgb(252,188,172)
```
#fdccbf
```
#fdccbf rgb(253,204,191)
```
#fddbd2
```
#fddbd2 rgb(253,219,210)
```
#feeae5
```
#feeae5 rgb(254,234,229)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#878584
```
#878584 rgb(135,133,132)
```
#907f7b
```
#907f7b rgb(144,127,123)
```
#9a7a71
```
#9a7a71 rgb(154,122,113)
```
#a37468
```
#a37468 rgb(163,116,104)
```
#ac6f5f
```
#ac6f5f rgb(172,111,95)
```
#b66955
```
#b66955 rgb(182,105,85)
```
#bf644c
```
#bf644c rgb(191,100,76)
```
#c85e43
```
#c85e43 rgb(200,94,67)
```
#d25939
```
#d25939 rgb(210,89,57)
```
#db5330
```
#db5330 rgb(219,83,48)
```
#e44e27
```
#e44e27 rgb(228,78,39)
```
#ee481d
```
#ee481d rgb(238,72,29)
```
#f74314
```
#f74314 rgb(247,67,20)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8d6960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2f Protanopia 1% of men
#af8500 Deuteranopia 1% of men
#f8484b Tritanopia 0.001% of the population

Trichromacy

#bd7125 Protanomaly 1% of men, 0.01% of women
#c96d07 Deuteranomaly 6% of men, 0.4% of women
#f74637 Tritanomaly 0.01% of the population

#f74314 hex color

#f74314 Color Information

#f74314 Color Conversion

Color Schemes with #f74314

Alternatives to #f74314

#f74314 Preview

Shades and Tints of #f74314

Tones of #f74314

Color Blindness Simulator