#f20d18 hex color

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

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

● #f20d18 color description : Vivid red.

The hexadecimal color #f20d18 has RGB values of R:242, G:13, B:24 and CMYK values of C:0, M:0.95, Y:0.9, K:0.05. Its decimal value is 15863064.

Hex triplet	f20d18	`#f20d18`
RGB Decimal	242, 13, 24	`rgb(242,13,24)`
RGB Percent	94.9, 5.1, 9.4	`rgb(94.9%,5.1%,9.4%)`
CMYK	0, 95, 90, 5
HSL	357.1°, 89.8, 50	`hsl(357.1,89.8%,50%)`
HSV (or HSB)	357.1°, 94.6, 94.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	50.962, 76.218, 57.619
XYZ	36.929, 19.236, 2.633
xyY	0.628, 0.327, 19.236
CIE-LCH	50.962, 95.547, 37.088
CIE-LUV	50.962, 162.488, 33.777
Hunter-Lab	43.859, 73.543, 27.142
Binary	11110010, 00001101, 00011000

#f20d18
```
#f20d18 rgb(242,13,24)
```
#0df2e7
```
#0df2e7 rgb(13,242,231)
```

Complementary Color

#f20d8b
```
#f20d8b rgb(242,13,139)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#f2750d
```
#f2750d rgb(242,117,13)
```

Analogous Color

#0d8bf2
```
#0d8bf2 rgb(13,139,242)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#0df275
```
#0df275 rgb(13,242,117)
```

Split Complementary Color

#0d18f2
```
#0d18f2 rgb(13,24,242)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#18f20d
```
#18f20d rgb(24,242,13)
```

Triadic Color

#e70df2
```
#e70df2 rgb(231,13,242)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#18f20d
```
#18f20d rgb(24,242,13)
```
#0df2e7
```
#0df2e7 rgb(13,242,231)
```

Tetradic Color

#a90911
```
#a90911 rgb(169,9,17)
```
#c20a13
```
#c20a13 rgb(194,10,19)
```
#da0c16
```
#da0c16 rgb(218,12,22)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#f3252f
```
#f3252f rgb(243,37,47)
```
#f53d46
```
#f53d46 rgb(245,61,70)
```
#f6565d
```
#f6565d rgb(246,86,93)
```

Monochromatic Color

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

#f20d51
```
#f20d51 rgb(242,13,81)
```
#f20d3e
```
#f20d3e rgb(242,13,62)
```
#f20d2b
```
#f20d2b rgb(242,13,43)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#f2150d
```
#f2150d rgb(242,21,13)
```
#f2280d
```
#f2280d rgb(242,40,13)
```
#f23b0d
```
#f23b0d rgb(242,59,13)
```

Similar Colors

Text with hexadecimal color #f20d18

This text has a font color of #f20d18.

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

#f20d18 background color

This paragraph has a background color of #f20d18.

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

#f20d18 border color

This element has a border color of #f20d18.

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

CSS codes

.text {color:#f20d18;}

.background {background-color:#f20d18;}

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

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

#130102
```
#130102 rgb(19,1,2)
```
#250204
```
#250204 rgb(37,2,4)
```
#380306
```
#380306 rgb(56,3,6)
```
#4a0407
```
#4a0407 rgb(74,4,7)
```
#5d0509
```
#5d0509 rgb(93,5,9)
```
#70060b
```
#70060b rgb(112,6,11)
```
#82070d
```
#82070d rgb(130,7,13)
```
#95080f
```
#95080f rgb(149,8,15)
```
#a80911
```
#a80911 rgb(168,9,17)
```
#ba0a12
```
#ba0a12 rgb(186,10,18)
```
#cd0b14
```
#cd0b14 rgb(205,11,20)
```
#df0c16
```
#df0c16 rgb(223,12,22)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```

Shade Color Variation

#f3202a
```
#f3202a rgb(243,32,42)
```
#f4323c
```
#f4323c rgb(244,50,60)
```
#f5454d
```
#f5454d rgb(245,69,77)
```
#f6575f
```
#f6575f rgb(246,87,95)
```
#f76a71
```
#f76a71 rgb(247,106,113)
```
#f87d83
```
#f87d83 rgb(248,125,131)
```
#f98f94
```
#f98f94 rgb(249,143,148)
```
#faa2a6
```
#faa2a6 rgb(250,162,166)
```
#fbb5b8
```
#fbb5b8 rgb(251,181,184)
```
#fcc7ca
```
#fcc7ca rgb(252,199,202)
```
#fddadb
```
#fddadb rgb(253,218,219)
```
#feeced
```
#feeced rgb(254,236,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#86797a
```
#86797a rgb(134,121,122)
```
#906f71
```
#906f71 rgb(144,111,113)
```
#9a6568
```
#9a6568 rgb(154,101,104)
```
#a45b5f
```
#a45b5f rgb(164,91,95)
```
#ad5256
```
#ad5256 rgb(173,82,86)
```
#b7484d
```
#b7484d rgb(183,72,77)
```
#c13e44
```
#c13e44 rgb(193,62,68)
```
#cb343b
```
#cb343b rgb(203,52,59)
```
#d52a33
```
#d52a33 rgb(213,42,51)
```
#de212a
```
#de212a rgb(222,33,42)
```
#e81721
```
#e81721 rgb(232,23,33)
```
#f20d18
```
#f20d18 rgb(242,13,24)
```
#fc030f
```
#fc030f rgb(252,3,15)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#734547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8037 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f21c10 Tritanopia 0.001% of the population

Trichromacy

#b2562c Protanomaly 1% of men, 0.01% of women
#be5208 Deuteranomaly 6% of men, 0.4% of women
#f21613 Tritanomaly 0.01% of the population

#f20d18 hex color

#f20d18 Color Information

#f20d18 Color Conversion

Color Schemes with #f20d18

Alternatives to #f20d18

#f20d18 Preview

Shades and Tints of #f20d18

Tones of #f20d18

Color Blindness Simulator