#f02214 hex color

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

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

● #f02214 color description : Vivid red.

The hexadecimal color #f02214 has RGB values of R:240, G:34, B:20 and CMYK values of C:0, M:0.86, Y:0.92, K:0.06. Its decimal value is 15737364.

Hex triplet	f02214	`#f02214`
RGB Decimal	240, 34, 20	`rgb(240,34,20)`
RGB Percent	94.1, 13.3, 7.8	`rgb(94.1%,13.3%,7.8%)`
CMYK	0, 86, 92, 6
HSL	3.8°, 88, 51	`hsl(3.8,88%,51%)`
HSV (or HSB)	3.8°, 91.7, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.524, 72.826, 59.274
XYZ	36.636, 19.725, 2.54
xyY	0.622, 0.335, 19.725
CIE-LCH	51.524, 93.899, 39.143
CIE-LUV	51.524, 156.072, 35.898
Hunter-Lab	44.412, 69.522, 27.698
Binary	11110000, 00100010, 00010100

#f02214
```
#f02214 rgb(240,34,20)
```
#14e2f0
```
#14e2f0 rgb(20,226,240)
```

Complementary Color

#f01474
```
#f01474 rgb(240,20,116)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#f09014
```
#f09014 rgb(240,144,20)
```

Analogous Color

#1474f0
```
#1474f0 rgb(20,116,240)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#14f090
```
#14f090 rgb(20,240,144)
```

Split Complementary Color

#2214f0
```
#2214f0 rgb(34,20,240)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#14f022
```
#14f022 rgb(20,240,34)
```

Triadic Color

#f014e2
```
#f014e2 rgb(240,20,226)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#14f022
```
#14f022 rgb(20,240,34)
```
#14e2f0
```
#14e2f0 rgb(20,226,240)
```

Tetradic Color

#ac150b
```
#ac150b rgb(172,21,11)
```
#c4180d
```
#c4180d rgb(196,24,13)
```
#dc1b0e
```
#dc1b0e rgb(220,27,14)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#f2392c
```
#f2392c rgb(242,57,44)
```
#f34f44
```
#f34f44 rgb(243,79,68)
```
#f5665c
```
#f5665c rgb(245,102,92)
```

Monochromatic Color

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

#f0143d
```
#f0143d rgb(240,20,61)
```
#f0142b
```
#f0142b rgb(240,20,43)
```
#f01418
```
#f01418 rgb(240,20,24)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#f03414
```
#f03414 rgb(240,52,20)
```
#f04714
```
#f04714 rgb(240,71,20)
```
#f05914
```
#f05914 rgb(240,89,20)
```

Similar Colors

Text with hexadecimal color #f02214

This text has a font color of #f02214.

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

#f02214 background color

This paragraph has a background color of #f02214.

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

#f02214 border color

This element has a border color of #f02214.

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

CSS codes

.text {color:#f02214;}

.background {background-color:#f02214;}

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

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 #fef2f1 is the lightest one.

#050100
```
#050100 rgb(5,1,0)
```
#170301
```
#170301 rgb(23,3,1)
```
#2a0503
```
#2a0503 rgb(42,5,3)
```
#3c0704
```
#3c0704 rgb(60,7,4)
```
#4e0a05
```
#4e0a05 rgb(78,10,5)
```
#610c06
```
#610c06 rgb(97,12,6)
```
#730e07
```
#730e07 rgb(115,14,7)
```
#861109
```
#861109 rgb(134,17,9)
```
#98130a
```
#98130a rgb(152,19,10)
```
#ab150b
```
#ab150b rgb(171,21,11)
```
#bd170c
```
#bd170c rgb(189,23,12)
```
#d01a0d
```
#d01a0d rgb(208,26,13)
```
#e21c0e
```
#e21c0e rgb(226,28,14)
```

Shade Color Variation

#f02214
```
#f02214 rgb(240,34,20)
```
#f13326
```
#f13326 rgb(241,51,38)
```
#f24539
```
#f24539 rgb(242,69,57)
```
#f4564b
```
#f4564b rgb(244,86,75)
```
#f5675e
```
#f5675e rgb(245,103,94)
```
#f67970
```
#f67970 rgb(246,121,112)
```
#f78a83
```
#f78a83 rgb(247,138,131)
```
#f89b95
```
#f89b95 rgb(248,155,149)
```
#f9ada8
```
#f9ada8 rgb(249,173,168)
```
#fbbeba
```
#fbbeba rgb(251,190,186)
```
#fccfcc
```
#fccfcc rgb(252,207,204)
```
#fde1df
```
#fde1df rgb(253,225,223)
```
#fef2f1
```
#fef2f1 rgb(254,242,241)
```

Tint Color Variation

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

#867e7e
```
#867e7e rgb(134,126,126)
```
#907674
```
#907674 rgb(144,118,116)
```
#996e6b
```
#996e6b rgb(153,110,107)
```
#a36561
```
#a36561 rgb(163,101,97)
```
#ad5d57
```
#ad5d57 rgb(173,93,87)
```
#b6544e
```
#b6544e rgb(182,84,78)
```
#c04c44
```
#c04c44 rgb(192,76,68)
```
#ca443a
```
#ca443a rgb(202,68,58)
```
#d33b31
```
#d33b31 rgb(211,59,49)
```
#dd3327
```
#dd3327 rgb(221,51,39)
```
#e62a1e
```
#e62a1e rgb(230,42,30)
```
#f02214
```
#f02214 rgb(240,34,20)
```
#fa1a0a
```
#fa1a0a rgb(250,26,10)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7b524f Atypical Achromatopsia 0.001% of the population

Dichromacy

#908131 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f02c2a Tritanopia 0.001% of the population

Trichromacy

#b35f27 Protanomaly 1% of men, 0.01% of women
#be5a07 Deuteranomaly 6% of men, 0.4% of women
#f02822 Tritanomaly 0.01% of the population

#f02214 hex color

#f02214 Color Information

#f02214 Color Conversion

Color Schemes with #f02214

Alternatives to #f02214

#f02214 Preview

Shades and Tints of #f02214

Tones of #f02214

Color Blindness Simulator