#f20a30 hex color

In a RGB color space, hex #f20a30 is composed of 94.9% red, 3.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 80.2% yellow and 5.1% black. It has a hue angle of 350.2 degrees, a saturation of 92.1% and a lightness of 49.4%. #f20a30 color hex could be obtained by blending #ff1460 with #e50000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 95
- G 4
- B 19
RGB color chart
- C 0
- M 96
- Y 80
- K 5
CMYK color chart

● #f20a30 color description : Vivid red.

The hexadecimal color #f20a30 has RGB values of R:242, G:10, B:48 and CMYK values of C:0, M:0.96, Y:0.8, K:0.05. Its decimal value is 15862320.

Hex triplet	f20a30	`#f20a30`
RGB Decimal	242, 10, 48	`rgb(242,10,48)`
RGB Percent	94.9, 3.9, 18.8	`rgb(94.9%,3.9%,18.8%)`
CMYK	0, 96, 80, 5
HSL	350.2°, 92.1, 49.4	`hsl(350.2,92.1%,49.4%)`
HSV (or HSB)	350.2°, 95.9, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.051, 76.929, 46.141
XYZ	37.262, 19.313, 4.562
xyY	0.609, 0.316, 19.313
CIE-LCH	51.051, 89.706, 30.955
CIE-LUV	51.051, 159.091, 27.823
Hunter-Lab	43.946, 74.445, 24.608
Binary	11110010, 00001010, 00110000

#f20a30
```
#f20a30 rgb(242,10,48)
```
#0af2cc
```
#0af2cc rgb(10,242,204)
```

Complementary Color

#f20aa4
```
#f20aa4 rgb(242,10,164)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#f2580a
```
#f2580a rgb(242,88,10)
```

Analogous Color

#0aa4f2
```
#0aa4f2 rgb(10,164,242)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#0af258
```
#0af258 rgb(10,242,88)
```

Split Complementary Color

#0a30f2
```
#0a30f2 rgb(10,48,242)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#30f20a
```
#30f20a rgb(48,242,10)
```

Triadic Color

#cc0af2
```
#cc0af2 rgb(204,10,242)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#30f20a
```
#30f20a rgb(48,242,10)
```
#0af2cc
```
#0af2cc rgb(10,242,204)
```

Tetradic Color

#a90721
```
#a90721 rgb(169,7,33)
```
#c10826
```
#c10826 rgb(193,8,38)
```
#da092b
```
#da092b rgb(218,9,43)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#f62043
```
#f62043 rgb(246,32,67)
```
#f73857
```
#f73857 rgb(247,56,87)
```
#f8516c
```
#f8516c rgb(248,81,108)
```

Monochromatic Color

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

#f20a6a
```
#f20a6a rgb(242,10,106)
```
#f20a57
```
#f20a57 rgb(242,10,87)
```
#f20a43
```
#f20a43 rgb(242,10,67)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#f20a1d
```
#f20a1d rgb(242,10,29)
```
#f20b0a
```
#f20b0a rgb(242,11,10)
```
#f21e0a
```
#f21e0a rgb(242,30,10)
```

Similar Colors

Text with hexadecimal color #f20a30

This text has a font color of #f20a30.

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

#f20a30 background color

This paragraph has a background color of #f20a30.

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

#f20a30 border color

This element has a border color of #f20a30.

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

CSS codes

.text {color:#f20a30;}

.background {background-color:#f20a30;}

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

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

#100103
```
#100103 rgb(16,1,3)
```
#230107
```
#230107 rgb(35,1,7)
```
#36020b
```
#36020b rgb(54,2,11)
```
#48030e
```
#48030e rgb(72,3,14)
```
#5b0412
```
#5b0412 rgb(91,4,18)
```
#6e0516
```
#6e0516 rgb(110,5,22)
```
#81051a
```
#81051a rgb(129,5,26)
```
#94061d
```
#94061d rgb(148,6,29)
```
#a70721
```
#a70721 rgb(167,7,33)
```
#b90825
```
#b90825 rgb(185,8,37)
```
#cc0829
```
#cc0829 rgb(204,8,41)
```
#df092c
```
#df092c rgb(223,9,44)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```

Shade Color Variation

#f61a3e
```
#f61a3e rgb(246,26,62)
```
#f62d4e
```
#f62d4e rgb(246,45,78)
```
#f7405e
```
#f7405e rgb(247,64,94)
```
#f8536e
```
#f8536e rgb(248,83,110)
```
#f9657e
```
#f9657e rgb(249,101,126)
```
#f9788d
```
#f9788d rgb(249,120,141)
```
#fa8b9d
```
#fa8b9d rgb(250,139,157)
```
#fb9ead
```
#fb9ead rgb(251,158,173)
```
#fcb1bd
```
#fcb1bd rgb(252,177,189)
```
#fdc4cd
```
#fdc4cd rgb(253,196,205)
```
#fdd6dd
```
#fdd6dd rgb(253,214,221)
```
#fee9ed
```
#fee9ed rgb(254,233,237)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#877578
```
#877578 rgb(135,117,120)
```
#916b71
```
#916b71 rgb(145,107,113)
```
#9b616b
```
#9b616b rgb(155,97,107)
```
#a45864
```
#a45864 rgb(164,88,100)
```
#ae4e5e
```
#ae4e5e rgb(174,78,94)
```
#b84457
```
#b84457 rgb(184,68,87)
```
#c23a51
```
#c23a51 rgb(194,58,81)
```
#cb314a
```
#cb314a rgb(203,49,74)
```
#d52744
```
#d52744 rgb(213,39,68)
```
#df1d3d
```
#df1d3d rgb(223,29,61)
```
#e81437
```
#e81437 rgb(232,20,55)
```
#f20a30
```
#f20a30 rgb(242,10,48)
```
#fc0029
```
#fc0029 rgb(252,0,41)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#74454d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8052 Protanopia 1% of men
#9f7a28 Deuteranopia 1% of men
#f22018 Tritanopia 0.001% of the population

Trichromacy

#b05545 Protanomaly 1% of men, 0.01% of women
#bd512a Deuteranomaly 6% of men, 0.4% of women
#f21821 Tritanomaly 0.01% of the population

#f20a30 hex color

#f20a30 Color Information

#f20a30 Color Conversion

Color Schemes with #f20a30

Alternatives to #f20a30

#f20a30 Preview

Shades and Tints of #f20a30

Tones of #f20a30

Color Blindness Simulator