#f2220d hex color

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

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

● #f2220d color description : Vivid red.

The hexadecimal color #f2220d has RGB values of R:242, G:34, B:13 and CMYK values of C:0, M:0.86, Y:0.95, K:0.05. Its decimal value is 15868429.

Hex triplet	f2220d	`#f2220d`
RGB Decimal	242, 34, 13	`rgb(242,34,13)`
RGB Percent	94.9, 13.3, 5.1	`rgb(94.9%,13.3%,5.1%)`
CMYK	0, 86, 95, 5
HSL	5.5°, 89.8, 50	`hsl(5.5,89.8%,50%)`
HSV (or HSB)	5.5°, 94.6, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.9, 73.28, 61.864
XYZ	37.265, 20.055, 2.29
xyY	0.625, 0.336, 20.055
CIE-LCH	51.9, 95.902, 40.171
CIE-LUV	51.9, 158.055, 37.041
Hunter-Lab	44.783, 70.162, 28.317
Binary	11110010, 00100010, 00001101

#f2220d
```
#f2220d rgb(242,34,13)
```
#0dddf2
```
#0dddf2 rgb(13,221,242)
```

Complementary Color

#f20d6b
```
#f20d6b rgb(242,13,107)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#f2950d
```
#f2950d rgb(242,149,13)
```

Analogous Color

#0d6bf2
```
#0d6bf2 rgb(13,107,242)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#0df295
```
#0df295 rgb(13,242,149)
```

Split Complementary Color

#220df2
```
#220df2 rgb(34,13,242)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#0df222
```
#0df222 rgb(13,242,34)
```

Triadic Color

#f20ddd
```
#f20ddd rgb(242,13,221)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#0df222
```
#0df222 rgb(13,242,34)
```
#0dddf2
```
#0dddf2 rgb(13,221,242)
```

Tetradic Color

#a91809
```
#a91809 rgb(169,24,9)
```
#c21b0a
```
#c21b0a rgb(194,27,10)
```
#da1f0c
```
#da1f0c rgb(218,31,12)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#f33825
```
#f33825 rgb(243,56,37)
```
#f54e3d
```
#f54e3d rgb(245,78,61)
```
#f66456
```
#f66456 rgb(246,100,86)
```

Monochromatic Color

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

#f20d31
```
#f20d31 rgb(242,13,49)
```
#f20d1e
```
#f20d1e rgb(242,13,30)
```
#f20f0d
```
#f20f0d rgb(242,15,13)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#f2350d
```
#f2350d rgb(242,53,13)
```
#f2480d
```
#f2480d rgb(242,72,13)
```
#f25b0d
```
#f25b0d rgb(242,91,13)
```

Similar Colors

Text with hexadecimal color #f2220d

This text has a font color of #f2220d.

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

#f2220d background color

This paragraph has a background color of #f2220d.

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

#f2220d border color

This element has a border color of #f2220d.

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

CSS codes

.text {color:#f2220d;}

.background {background-color:#f2220d;}

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

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

#130301
```
#130301 rgb(19,3,1)
```
#250502
```
#250502 rgb(37,5,2)
```
#380803
```
#380803 rgb(56,8,3)
```
#4a0a04
```
#4a0a04 rgb(74,10,4)
```
#5d0d05
```
#5d0d05 rgb(93,13,5)
```
#701006
```
#701006 rgb(112,16,6)
```
#821207
```
#821207 rgb(130,18,7)
```
#951508
```
#951508 rgb(149,21,8)
```
#a81809
```
#a81809 rgb(168,24,9)
```
#ba1a0a
```
#ba1a0a rgb(186,26,10)
```
#cd1d0b
```
#cd1d0b rgb(205,29,11)
```
#df1f0c
```
#df1f0c rgb(223,31,12)
```
#f2220d
```
#f2220d rgb(242,34,13)
```

Shade Color Variation

#f33320
```
#f33320 rgb(243,51,32)
```
#f44432
```
#f44432 rgb(244,68,50)
```
#f55545
```
#f55545 rgb(245,85,69)
```
#f66657
```
#f66657 rgb(246,102,87)
```
#f7776a
```
#f7776a rgb(247,119,106)
```
#f8887d
```
#f8887d rgb(248,136,125)
```
#f9998f
```
#f9998f rgb(249,153,143)
```
#faaaa2
```
#faaaa2 rgb(250,170,162)
```
#fbbbb5
```
#fbbbb5 rgb(251,187,181)
```
#fcccc7
```
#fcccc7 rgb(252,204,199)
```
#fdddda
```
#fdddda rgb(253,221,218)
```
#feeeec
```
#feeeec rgb(254,238,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#867a79
```
#867a79 rgb(134,122,121)
```
#90726f
```
#90726f rgb(144,114,111)
```
#9a6a65
```
#9a6a65 rgb(154,106,101)
```
#a4625b
```
#a4625b rgb(164,98,91)
```
#ad5a52
```
#ad5a52 rgb(173,90,82)
```
#b75248
```
#b75248 rgb(183,82,72)
```
#c14a3e
```
#c14a3e rgb(193,74,62)
```
#cb4234
```
#cb4234 rgb(203,66,52)
```
#d53a2a
```
#d53a2a rgb(213,58,42)
```
#de3221
```
#de3221 rgb(222,50,33)
```
#e82a17
```
#e82a17 rgb(232,42,23)
```
#f2220d
```
#f2220d rgb(242,34,13)
```
#fc1a03
```
#fc1a03 rgb(252,26,3)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7c524e Atypical Achromatopsia 0.001% of the population

Dichromacy

#91822b Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#f22b29 Tritanopia 0.001% of the population

Trichromacy

#b45f20 Protanomaly 1% of men, 0.01% of women
#bf5b04 Deuteranomaly 6% of men, 0.4% of women
#f2281f Tritanomaly 0.01% of the population

#f2220d hex color

#f2220d Color Information

#f2220d Color Conversion

Color Schemes with #f2220d

Alternatives to #f2220d

#f2220d Preview

Shades and Tints of #f2220d

Tones of #f2220d

Color Blindness Simulator