#f20828 hex color

In a RGB color space, hex #f20828 is composed of 94.9% red, 3.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.7% magenta, 83.5% yellow and 5.1% black. It has a hue angle of 351.8 degrees, a saturation of 93.6% and a lightness of 49%. #f20828 color hex could be obtained by blending #ff1050 with #e50000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 95
- G 3
- B 16
RGB color chart
- C 0
- M 97
- Y 83
- K 5
CMYK color chart

● #f20828 color description : Vivid red.

The hexadecimal color #f20828 has RGB values of R:242, G:8, B:40 and CMYK values of C:0, M:0.97, Y:0.83, K:0.05. Its decimal value is 15861800.

Hex triplet	f20828	`#f20828`
RGB Decimal	242, 8, 40	`rgb(242,8,40)`
RGB Percent	94.9, 3.1, 15.7	`rgb(94.9%,3.1%,15.7%)`
CMYK	0, 97, 83, 5
HSL	351.8°, 93.6, 49	`hsl(351.8,93.6%,49%)`
HSV (or HSB)	351.8°, 96.7, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.931, 76.883, 50.256
XYZ	37.09, 19.209, 3.762
xyY	0.618, 0.32, 19.209
CIE-LCH	50.931, 91.851, 33.172
CIE-LUV	50.931, 160.913, 30.065
Hunter-Lab	43.828, 74.358, 25.59
Binary	11110010, 00001000, 00101000

#f20828
```
#f20828 rgb(242,8,40)
```
#08f2d2
```
#08f2d2 rgb(8,242,210)
```

Complementary Color

#f2089d
```
#f2089d rgb(242,8,157)
```
#f20828
```
#f20828 rgb(242,8,40)
```
#f25d08
```
#f25d08 rgb(242,93,8)
```

Analogous Color

#089df2
```
#089df2 rgb(8,157,242)
```
#f20828
```
#f20828 rgb(242,8,40)
```
#08f25d
```
#08f25d rgb(8,242,93)
```

Split Complementary Color

#0828f2
```
#0828f2 rgb(8,40,242)
```
#f20828
```
#f20828 rgb(242,8,40)
```
#28f208
```
#28f208 rgb(40,242,8)
```

Triadic Color

#d208f2
```
#d208f2 rgb(210,8,242)
```
#f20828
```
#f20828 rgb(242,8,40)
```
#28f208
```
#28f208 rgb(40,242,8)
```
#08f2d2
```
#08f2d2 rgb(8,242,210)
```

Tetradic Color

#a8061c
```
#a8061c rgb(168,6,28)
```
#c10620
```
#c10620 rgb(193,6,32)
```
#d90724
```
#d90724 rgb(217,7,36)
```
#f20828
```
#f20828 rgb(242,8,40)
```
#f71c3a
```
#f71c3a rgb(247,28,58)
```
#f8354f
```
#f8354f rgb(248,53,79)
```
#f94d65
```
#f94d65 rgb(249,77,101)
```

Monochromatic Color

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

#f20862
```
#f20862 rgb(242,8,98)
```
#f2084f
```
#f2084f rgb(242,8,79)
```
#f2083b
```
#f2083b rgb(242,8,59)
```
#f20828
```
#f20828 rgb(242,8,40)
```
#f20814
```
#f20814 rgb(242,8,20)
```
#f20f08
```
#f20f08 rgb(242,15,8)
```
#f22308
```
#f22308 rgb(242,35,8)
```

Similar Colors

Text with hexadecimal color #f20828

This text has a font color of #f20828.

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

#f20828 background color

This paragraph has a background color of #f20828.

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

#f20828 border color

This element has a border color of #f20828.

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

CSS codes

.text {color:#f20828;}

.background {background-color:#f20828;}

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

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

#0e0002
```
#0e0002 rgb(14,0,2)
```
#210105
```
#210105 rgb(33,1,5)
```
#340209
```
#340209 rgb(52,2,9)
```
#47020c
```
#47020c rgb(71,2,12)
```
#5a030f
```
#5a030f rgb(90,3,15)
```
#6d0412
```
#6d0412 rgb(109,4,18)
```
#800415
```
#800415 rgb(128,4,21)
```
#930518
```
#930518 rgb(147,5,24)
```
#a6051b
```
#a6051b rgb(166,5,27)
```
#b9061f
```
#b9061f rgb(185,6,31)
```
#cc0722
```
#cc0722 rgb(204,7,34)
```
#df0725
```
#df0725 rgb(223,7,37)
```
#f20828
```
#f20828 rgb(242,8,40)
```

Shade Color Variation

#f71635
```
#f71635 rgb(247,22,53)
```
#f82946
```
#f82946 rgb(248,41,70)
```
#f93c56
```
#f93c56 rgb(249,60,86)
```
#f94f67
```
#f94f67 rgb(249,79,103)
```
#fa6277
```
#fa6277 rgb(250,98,119)
```
#fa7587
```
#fa7587 rgb(250,117,135)
```
#fb8898
```
#fb8898 rgb(251,136,152)
```
#fc9ba8
```
#fc9ba8 rgb(252,155,168)
```
#fcaeb9
```
#fcaeb9 rgb(252,174,185)
```
#fdc1c9
```
#fdc1c9 rgb(253,193,201)
```
#fed4da
```
#fed4da rgb(254,212,218)
```
#fee7ea
```
#fee7ea rgb(254,231,234)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#7f7b7c
```
#7f7b7c rgb(127,123,124)
```
#887275
```
#887275 rgb(136,114,117)
```
#92686e
```
#92686e rgb(146,104,110)
```
#9b5f67
```
#9b5f67 rgb(155,95,103)
```
#a55560
```
#a55560 rgb(165,85,96)
```
#af4b59
```
#af4b59 rgb(175,75,89)
```
#b84252
```
#b84252 rgb(184,66,82)
```
#c2384b
```
#c2384b rgb(194,56,75)
```
#cc2e44
```
#cc2e44 rgb(204,46,68)
```
#d5253d
```
#d5253d rgb(213,37,61)
```
#df1b36
```
#df1b36 rgb(223,27,54)
```
#e8122f
```
#e8122f rgb(232,18,47)
```
#f20828
```
#f20828 rgb(242,8,40)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#72434a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8049 Protanopia 1% of men
#a07a1b Deuteranopia 1% of men
#f21c12 Tritanopia 0.001% of the population

Trichromacy

#b1543d Protanomaly 1% of men, 0.01% of women
#bd5020 Deuteranomaly 6% of men, 0.4% of women
#f2151a Tritanomaly 0.01% of the population

#f20828 hex color

#f20828 Color Information

#f20828 Color Conversion

Color Schemes with #f20828

Alternatives to #f20828

#f20828 Preview

Shades and Tints of #f20828

Tones of #f20828

Color Blindness Simulator