#f53314 hex color

In a RGB color space, hex #f53314 is composed of 96.1% red, 20% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 91.8% yellow and 3.9% black. It has a hue angle of 8.3 degrees, a saturation of 91.8% and a lightness of 52%. #f53314 color hex could be obtained by blending #ff6628 with #eb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 96
- G 20
- B 8
RGB color chart
- C 0
- M 79
- Y 92
- K 4
CMYK color chart

● #f53314 color description : Vivid red.

The hexadecimal color #f53314 has RGB values of R:245, G:51, B:20 and CMYK values of C:0, M:0.79, Y:0.92, K:0.04. Its decimal value is 16069396.

Hex triplet	f53314	`#f53314`
RGB Decimal	245, 51, 20	`rgb(245,51,20)`
RGB Percent	96.1, 20, 7.8	`rgb(96.1%,20%,7.8%)`
CMYK	0, 79, 92, 4
HSL	8.3°, 91.8, 52	`hsl(8.3,91.8%,52%)`
HSV (or HSB)	8.3°, 91.8, 96.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.852, 70.358, 61.228
XYZ	38.968, 21.836, 2.825
xyY	0.612, 0.343, 21.836
CIE-LCH	53.852, 93.27, 41.031
CIE-LUV	53.852, 152.511, 39.03
Hunter-Lab	46.729, 67.082, 29.126
Binary	11110101, 00110011, 00010100

#f53314
```
#f53314 rgb(245,51,20)
```
#14d6f5
```
#14d6f5 rgb(20,214,245)
```

Complementary Color

#f51466
```
#f51466 rgb(245,20,102)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#f5a414
```
#f5a414 rgb(245,164,20)
```

Analogous Color

#1466f5
```
#1466f5 rgb(20,102,245)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#14f5a4
```
#14f5a4 rgb(20,245,164)
```

Split Complementary Color

#3314f5
```
#3314f5 rgb(51,20,245)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#14f533
```
#14f533 rgb(20,245,51)
```

Triadic Color

#f514d6
```
#f514d6 rgb(245,20,214)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#14f533
```
#14f533 rgb(20,245,51)
```
#14d6f5
```
#14d6f5 rgb(20,214,245)
```

Tetradic Color

#b52008
```
#b52008 rgb(181,32,8)
```
#cd2409
```
#cd2409 rgb(205,36,9)
```
#e6280a
```
#e6280a rgb(230,40,10)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#f6482c
```
#f6482c rgb(246,72,44)
```
#f75d45
```
#f75d45 rgb(247,93,69)
```
#f8735d
```
#f8735d rgb(248,115,93)
```

Monochromatic Color

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

#f5142d
```
#f5142d rgb(245,20,45)
```
#f5141a
```
#f5141a rgb(245,20,26)
```
#f52014
```
#f52014 rgb(245,32,20)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#f54614
```
#f54614 rgb(245,70,20)
```
#f55914
```
#f55914 rgb(245,89,20)
```
#f56b14
```
#f56b14 rgb(245,107,20)
```

Similar Colors

Text with hexadecimal color #f53314

This text has a font color of #f53314.

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

#f53314 background color

This paragraph has a background color of #f53314.

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

#f53314 border color

This element has a border color of #f53314.

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

CSS codes

.text {color:#f53314;}

.background {background-color:#f53314;}

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

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

#0a0200
```
#0a0200 rgb(10,2,0)
```
#1c0501
```
#1c0501 rgb(28,5,1)
```
#2f0802
```
#2f0802 rgb(47,8,2)
```
#420c03
```
#420c03 rgb(66,12,3)
```
#550f04
```
#550f04 rgb(85,15,4)
```
#681204
```
#681204 rgb(104,18,4)
```
#7a1505
```
#7a1505 rgb(122,21,5)
```
#8d1906
```
#8d1906 rgb(141,25,6)
```
#a01c07
```
#a01c07 rgb(160,28,7)
```
#b31f08
```
#b31f08 rgb(179,31,8)
```
#c62208
```
#c62208 rgb(198,34,8)
```
#d92609
```
#d92609 rgb(217,38,9)
```
#eb290a
```
#eb290a rgb(235,41,10)
```

Shade Color Variation

#f53314
```
#f53314 rgb(245,51,20)
```
#f64327
```
#f64327 rgb(246,67,39)
```
#f7543a
```
#f7543a rgb(247,84,58)
```
#f7644c
```
#f7644c rgb(247,100,76)
```
#f8745f
```
#f8745f rgb(248,116,95)
```
#f98572
```
#f98572 rgb(249,133,114)
```
#fa9585
```
#fa9585 rgb(250,149,133)
```
#fba598
```
#fba598 rgb(251,165,152)
```
#fbb6ab
```
#fbb6ab rgb(251,182,171)
```
#fcc6bd
```
#fcc6bd rgb(252,198,189)
```
#fdd6d0
```
#fdd6d0 rgb(253,214,208)
```
#fee7e3
```
#fee7e3 rgb(254,231,227)
```
#fff7f6
```
#fff7f6 rgb(255,247,246)
```

Tint Color Variation

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

#8d7e7c
```
#8d7e7c rgb(141,126,124)
```
#977772
```
#977772 rgb(151,119,114)
```
#a07069
```
#a07069 rgb(160,112,105)
```
#aa6a5f
```
#aa6a5f rgb(170,106,95)
```
#b36356
```
#b36356 rgb(179,99,86)
```
#bc5c4d
```
#bc5c4d rgb(188,92,77)
```
#c65543
```
#c65543 rgb(198,85,67)
```
#cf4e3a
```
#cf4e3a rgb(207,78,58)
```
#d94730
```
#d94730 rgb(217,71,48)
```
#e24127
```
#e24127 rgb(226,65,39)
```
#ec3a1d
```
#ec3a1d rgb(236,58,29)
```
#f53314
```
#f53314 rgb(245,51,20)
```
#fe2c0b
```
#fe2c0b rgb(254,44,11)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#855e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968730 Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#f53a3b Tritanopia 0.001% of the population

Trichromacy

#b86826 Protanomaly 1% of men, 0.01% of women
#c46407 Deuteranomaly 6% of men, 0.4% of women
#f5372d Tritanomaly 0.01% of the population

#f53314 hex color

#f53314 Color Information

#f53314 Color Conversion

Color Schemes with #f53314

Alternatives to #f53314

#f53314 Preview

Shades and Tints of #f53314

Tones of #f53314

Color Blindness Simulator