#f20030 hex color

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

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

● #f20030 color description : Pure (or mostly pure) red.

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

Hex triplet	f20030	`#f20030`
RGB Decimal	242, 0, 48	`rgb(242,0,48)`
RGB Percent	94.9, 0, 18.8	`rgb(94.9%,0%,18.8%)`
CMYK	0, 100, 80, 5
HSL	348.1°, 100, 47.5	`hsl(348.1,100%,47.5%)`
HSV (or HSB)	348.1°, 100, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.799, 77.661, 45.89
XYZ	37.153, 19.096, 4.526
xyY	0.611, 0.314, 19.096
CIE-LCH	50.799, 90.206, 30.579
CIE-LUV	50.799, 160.431, 27.331
Hunter-Lab	43.698, 75.293, 24.448
Binary	11110010, 00000000, 00110000

#f20030
```
#f20030 rgb(242,0,48)
```
#00f2c2
```
#00f2c2 rgb(0,242,194)
```

Complementary Color

#f200a9
```
#f200a9 rgb(242,0,169)
```
#f20030
```
#f20030 rgb(242,0,48)
```
#f24900
```
#f24900 rgb(242,73,0)
```

Analogous Color

#00a9f2
```
#00a9f2 rgb(0,169,242)
```
#f20030
```
#f20030 rgb(242,0,48)
```
#00f249
```
#00f249 rgb(0,242,73)
```

Split Complementary Color

#0030f2
```
#0030f2 rgb(0,48,242)
```
#f20030
```
#f20030 rgb(242,0,48)
```
#30f200
```
#30f200 rgb(48,242,0)
```

Triadic Color

#c200f2
```
#c200f2 rgb(194,0,242)
```
#f20030
```
#f20030 rgb(242,0,48)
```
#30f200
```
#30f200 rgb(48,242,0)
```
#00f2c2
```
#00f2c2 rgb(0,242,194)
```

Tetradic Color

#a60021
```
#a60021 rgb(166,0,33)
```
#bf0026
```
#bf0026 rgb(191,0,38)
```
#d9002b
```
#d9002b rgb(217,0,43)
```
#f20030
```
#f20030 rgb(242,0,48)
```
#ff0d3d
```
#ff0d3d rgb(255,13,61)
```
#ff2651
```
#ff2651 rgb(255,38,81)
```
#ff4065
```
#ff4065 rgb(255,64,101)
```

Monochromatic Color

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

#f2006d
```
#f2006d rgb(242,0,109)
```
#f20058
```
#f20058 rgb(242,0,88)
```
#f20044
```
#f20044 rgb(242,0,68)
```
#f20030
```
#f20030 rgb(242,0,48)
```
#f2001c
```
#f2001c rgb(242,0,28)
```
#f20008
```
#f20008 rgb(242,0,8)
```
#f20d00
```
#f20d00 rgb(242,13,0)
```

Similar Colors

Text with hexadecimal color #f20030

This text has a font color of #f20030.

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

#f20030 background color

This paragraph has a background color of #f20030.

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

#f20030 border color

This element has a border color of #f20030.

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

CSS codes

.text {color:#f20030;}

.background {background-color:#f20030;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1a0005
```
#1a0005 rgb(26,0,5)
```
#2e0009
```
#2e0009 rgb(46,0,9)
```
#41000d
```
#41000d rgb(65,0,13)
```
#550011
```
#550011 rgb(85,0,17)
```
#690015
```
#690015 rgb(105,0,21)
```
#7c0019
```
#7c0019 rgb(124,0,25)
```
#90001d
```
#90001d rgb(144,0,29)
```
#a40020
```
#a40020 rgb(164,0,32)
```
#b70024
```
#b70024 rgb(183,0,36)
```
#cb0028
```
#cb0028 rgb(203,0,40)
```
#de002c
```
#de002c rgb(222,0,44)
```
#f20030
```
#f20030 rgb(242,0,48)
```

Shade Color Variation

#ff0738
```
#ff0738 rgb(255,7,56)
```
#ff1a48
```
#ff1a48 rgb(255,26,72)
```
#ff2e57
```
#ff2e57 rgb(255,46,87)
```
#ff4167
```
#ff4167 rgb(255,65,103)
```
#ff5577
```
#ff5577 rgb(255,85,119)
```
#ff6987
```
#ff6987 rgb(255,105,135)
```
#ff7c96
```
#ff7c96 rgb(255,124,150)
```
#ff90a6
```
#ff90a6 rgb(255,144,166)
```
#ffa4b6
```
#ffa4b6 rgb(255,164,182)
```
#ffb7c5
```
#ffb7c5 rgb(255,183,197)
```
#ffcbd5
```
#ffcbd5 rgb(255,203,213)
```
#ffdee5
```
#ffdee5 rgb(255,222,229)
```
#fff2f5
```
#fff2f5 rgb(255,242,245)
```

Tint Color Variation

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

#827073
```
#827073 rgb(130,112,115)
```
#8c666e
```
#8c666e rgb(140,102,110)
```
#955d68
```
#955d68 rgb(149,93,104)
```
#9e5463
```
#9e5463 rgb(158,84,99)
```
#a84a5d
```
#a84a5d rgb(168,74,93)
```
#b14157
```
#b14157 rgb(177,65,87)
```
#ba3852
```
#ba3852 rgb(186,56,82)
```
#c32f4c
```
#c32f4c rgb(195,47,76)
```
#cd2546
```
#cd2546 rgb(205,37,70)
```
#d61c41
```
#d61c41 rgb(214,28,65)
```
#df133b
```
#df133b rgb(223,19,59)
```
#e90936
```
#e90936 rgb(233,9,54)
```
#f20030
```
#f20030 rgb(242,0,48)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#6f3e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7f52 Protanopia 1% of men
#9f7927 Deuteranopia 1% of men
#f21a0b Tritanopia 0.001% of the population

Trichromacy

#b05146 Protanomaly 1% of men, 0.01% of women
#bd4d2a Deuteranomaly 6% of men, 0.4% of women
#f21018 Tritanomaly 0.01% of the population

#f20030 hex color

#f20030 Color Information

#f20030 Color Conversion

Color Schemes with #f20030

Alternatives to #f20030

#f20030 Preview

Shades and Tints of #f20030

Tones of #f20030

Color Blindness Simulator