#f20d2c hex color

In a RGB color space, hex #f20d2c is composed of 94.9% red, 5.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.6% magenta, 81.8% yellow and 5.1% black. It has a hue angle of 351.9 degrees, a saturation of 89.8% and a lightness of 50%. #f20d2c color hex could be obtained by blending #ff1a58 with #e50000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 95
- G 5
- B 17
RGB color chart
- C 0
- M 95
- Y 82
- K 5
CMYK color chart

● #f20d2c color description : Vivid red.

The hexadecimal color #f20d2c has RGB values of R:242, G:13, B:44 and CMYK values of C:0, M:0.95, Y:0.82, K:0.05. Its decimal value is 15863084.

Hex triplet	f20d2c	`#f20d2c`
RGB Decimal	242, 13, 44	`rgb(242,13,44)`
RGB Percent	94.9, 5.1, 17.3	`rgb(94.9%,5.1%,17.3%)`
CMYK	0, 95, 82, 5
HSL	351.9°, 89.8, 50	`hsl(351.9,89.8%,50%)`
HSV (or HSB)	351.9°, 94.6, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.096, 76.592, 48.331
XYZ	37.219, 19.352, 4.158
xyY	0.613, 0.319, 19.352
CIE-LCH	51.096, 90.566, 32.253
CIE-LUV	51.096, 159.462, 29.202
Hunter-Lab	43.991, 74.037, 25.189
Binary	11110010, 00001101, 00101100

#f20d2c
```
#f20d2c rgb(242,13,44)
```
#0df2d3
```
#0df2d3 rgb(13,242,211)
```

Complementary Color

#f20d9f
```
#f20d9f rgb(242,13,159)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#f2600d
```
#f2600d rgb(242,96,13)
```

Analogous Color

#0d9ff2
```
#0d9ff2 rgb(13,159,242)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#0df260
```
#0df260 rgb(13,242,96)
```

Split Complementary Color

#0d2cf2
```
#0d2cf2 rgb(13,44,242)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#2cf20d
```
#2cf20d rgb(44,242,13)
```

Triadic Color

#d30df2
```
#d30df2 rgb(211,13,242)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#2cf20d
```
#2cf20d rgb(44,242,13)
```
#0df2d3
```
#0df2d3 rgb(13,242,211)
```

Tetradic Color

#a9091f
```
#a9091f rgb(169,9,31)
```
#c20a23
```
#c20a23 rgb(194,10,35)
```
#da0c28
```
#da0c28 rgb(218,12,40)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#f32541
```
#f32541 rgb(243,37,65)
```
#f53d56
```
#f53d56 rgb(245,61,86)
```
#f6566b
```
#f6566b rgb(246,86,107)
```

Monochromatic Color

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

#f20d65
```
#f20d65 rgb(242,13,101)
```
#f20d52
```
#f20d52 rgb(242,13,82)
```
#f20d3f
```
#f20d3f rgb(242,13,63)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#f20d19
```
#f20d19 rgb(242,13,25)
```
#f2140d
```
#f2140d rgb(242,20,13)
```
#f2270d
```
#f2270d rgb(242,39,13)
```

Similar Colors

Text with hexadecimal color #f20d2c

This text has a font color of #f20d2c.

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

#f20d2c background color

This paragraph has a background color of #f20d2c.

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

#f20d2c border color

This element has a border color of #f20d2c.

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

CSS codes

.text {color:#f20d2c;}

.background {background-color:#f20d2c;}

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

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

#130103
```
#130103 rgb(19,1,3)
```
#250207
```
#250207 rgb(37,2,7)
```
#38030a
```
#38030a rgb(56,3,10)
```
#4a040e
```
#4a040e rgb(74,4,14)
```
#5d0511
```
#5d0511 rgb(93,5,17)
```
#700614
```
#700614 rgb(112,6,20)
```
#820718
```
#820718 rgb(130,7,24)
```
#95081b
```
#95081b rgb(149,8,27)
```
#a8091e
```
#a8091e rgb(168,9,30)
```
#ba0a22
```
#ba0a22 rgb(186,10,34)
```
#cd0b25
```
#cd0b25 rgb(205,11,37)
```
#df0c29
```
#df0c29 rgb(223,12,41)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```

Shade Color Variation

#f3203c
```
#f3203c rgb(243,32,60)
```
#f4324c
```
#f4324c rgb(244,50,76)
```
#f5455d
```
#f5455d rgb(245,69,93)
```
#f6576d
```
#f6576d rgb(246,87,109)
```
#f76a7d
```
#f76a7d rgb(247,106,125)
```
#f87d8d
```
#f87d8d rgb(248,125,141)
```
#f98f9e
```
#f98f9e rgb(249,143,158)
```
#faa2ae
```
#faa2ae rgb(250,162,174)
```
#fbb5be
```
#fbb5be rgb(251,181,190)
```
#fcc7ce
```
#fcc7ce rgb(252,199,206)
```
#fddadf
```
#fddadf rgb(253,218,223)
```
#feecef
```
#feecef rgb(254,236,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#86797b
```
#86797b rgb(134,121,123)
```
#906f74
```
#906f74 rgb(144,111,116)
```
#9a656c
```
#9a656c rgb(154,101,108)
```
#a45b65
```
#a45b65 rgb(164,91,101)
```
#ad525e
```
#ad525e rgb(173,82,94)
```
#b74857
```
#b74857 rgb(183,72,87)
```
#c13e50
```
#c13e50 rgb(193,62,80)
```
#cb3449
```
#cb3449 rgb(203,52,73)
```
#d52a41
```
#d52a41 rgb(213,42,65)
```
#de213a
```
#de213a rgb(222,33,58)
```
#e81733
```
#e81733 rgb(232,23,51)
```
#f20d2c
```
#f20d2c rgb(242,13,44)
```
#fc0325
```
#fc0325 rgb(252,3,37)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#74474d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c804d Protanopia 1% of men
#a07a22 Deuteranopia 1% of men
#f22019 Tritanopia 0.001% of the population

Trichromacy

#b15641 Protanomaly 1% of men, 0.01% of women
#bd5225 Deuteranomaly 6% of men, 0.4% of women
#f21920 Tritanomaly 0.01% of the population

#f20d2c hex color

#f20d2c Color Information

#f20d2c Color Conversion

Color Schemes with #f20d2c

Alternatives to #f20d2c

#f20d2c Preview

Shades and Tints of #f20d2c

Tones of #f20d2c

Color Blindness Simulator