#ff2220 hex color

In a RGB color space, hex #ff2220 is composed of 100% red, 13.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 87.5% yellow and 0% black. It has a hue angle of 0.5 degrees, a saturation of 100% and a lightness of 56.3%. #ff2220 color hex could be obtained by blending #ff4440 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 13
- B 13
RGB color chart
- C 0
- M 87
- Y 87
- K 0
CMYK color chart

● #ff2220 color description : Vivid red.

The hexadecimal color #ff2220 has RGB values of R:255, G:34, B:32 and CMYK values of C:0, M:0.87, Y:0.87, K:0. Its decimal value is 16720416.

Hex triplet	ff2220	`#ff2220`
RGB Decimal	255, 34, 32	`rgb(255,34,32)`
RGB Percent	100, 13.3, 12.5	`rgb(100%,13.3%,12.5%)`
CMYK	0, 87, 87, 0
HSL	0.5°, 100, 56.3	`hsl(0.5,100%,56.3%)`
HSV (or HSB)	0.5°, 87.5, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.568, 76.892, 58.097
XYZ	42.075, 22.514, 3.497
xyY	0.618, 0.331, 22.514
CIE-LCH	54.568, 96.373, 37.074
CIE-LUV	54.568, 165.568, 36.073
Hunter-Lab	47.449, 75.249, 28.845
Binary	11111111, 00100010, 00100000

#ff2220
```
#ff2220 rgb(255,34,32)
```
#20fdff
```
#20fdff rgb(32,253,255)
```

Complementary Color

#ff208e
```
#ff208e rgb(255,32,142)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#ff9220
```
#ff9220 rgb(255,146,32)
```

Analogous Color

#208eff
```
#208eff rgb(32,142,255)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#20ff92
```
#20ff92 rgb(32,255,146)
```

Split Complementary Color

#2220ff
```
#2220ff rgb(34,32,255)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#20ff22
```
#20ff22 rgb(32,255,34)
```

Triadic Color

#ff20fd
```
#ff20fd rgb(255,32,253)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#20ff22
```
#20ff22 rgb(32,255,34)
```
#20fdff
```
#20fdff rgb(32,253,255)
```

Tetradic Color

#d30200
```
#d30200 rgb(211,2,0)
```
#ec0200
```
#ec0200 rgb(236,2,0)
```
#ff0906
```
#ff0906 rgb(255,9,6)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#ff3b3a
```
#ff3b3a rgb(255,59,58)
```
#ff5553
```
#ff5553 rgb(255,85,83)
```
#ff6e6d
```
#ff6e6d rgb(255,110,109)
```

Monochromatic Color

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

#ff2056
```
#ff2056 rgb(255,32,86)
```
#ff2043
```
#ff2043 rgb(255,32,67)
```
#ff2031
```
#ff2031 rgb(255,32,49)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#ff3520
```
#ff3520 rgb(255,53,32)
```
#ff4720
```
#ff4720 rgb(255,71,32)
```
#ff5a20
```
#ff5a20 rgb(255,90,32)
```

Similar Colors

Text with hexadecimal color #ff2220

This text has a font color of #ff2220.

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

#ff2220 background color

This paragraph has a background color of #ff2220.

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

#ff2220 border color

This element has a border color of #ff2220.

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

CSS codes

.text {color:#ff2220;}

.background {background-color:#ff2220;}

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

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

#0c0000
```
#0c0000 rgb(12,0,0)
```
#200000
```
#200000 rgb(32,0,0)
```
#340000
```
#340000 rgb(52,0,0)
```
#470100
```
#470100 rgb(71,1,0)
```
#5b0100
```
#5b0100 rgb(91,1,0)
```
#6e0100
```
#6e0100 rgb(110,1,0)
```
#820100
```
#820100 rgb(130,1,0)
```
#960100
```
#960100 rgb(150,1,0)
```
#a90200
```
#a90200 rgb(169,2,0)
```
#bd0200
```
#bd0200 rgb(189,2,0)
```
#d10200
```
#d10200 rgb(209,2,0)
```
#e40200
```
#e40200 rgb(228,2,0)
```
#f80200
```
#f80200 rgb(248,2,0)
```

Shade Color Variation

#ff0f0c
```
#ff0f0c rgb(255,15,12)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```
#ff3534
```
#ff3534 rgb(255,53,52)
```
#ff4947
```
#ff4947 rgb(255,73,71)
```
#ff5c5b
```
#ff5c5b rgb(255,92,91)
```
#ff706e
```
#ff706e rgb(255,112,110)
```
#ff8382
```
#ff8382 rgb(255,131,130)
```
#ff9796
```
#ff9796 rgb(255,151,150)
```
#ffaaa9
```
#ffaaa9 rgb(255,170,169)
```
#ffbebd
```
#ffbebd rgb(255,190,189)
```
#ffd1d1
```
#ffd1d1 rgb(255,209,209)
```
#ffe4e4
```
#ffe4e4 rgb(255,228,228)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#988787
```
#988787 rgb(152,135,135)
```
#a17f7e
```
#a17f7e rgb(161,127,126)
```
#a97676
```
#a97676 rgb(169,118,118)
```
#b26e6d
```
#b26e6d rgb(178,110,109)
```
#ba6565
```
#ba6565 rgb(186,101,101)
```
#c35d5c
```
#c35d5c rgb(195,93,92)
```
#cc5553
```
#cc5553 rgb(204,85,83)
```
#d44c4b
```
#d44c4b rgb(212,76,75)
```
#dd4442
```
#dd4442 rgb(221,68,66)
```
#e53b3a
```
#e53b3a rgb(229,59,58)
```
#ee3331
```
#ee3331 rgb(238,51,49)
```
#f62a29
```
#f62a29 rgb(246,42,41)
```
#ff2220
```
#ff2220 rgb(255,34,32)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#835756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97893f Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#fe2d2a Tritanopia 0.001% of the population

Trichromacy

#bd6333 Protanomaly 1% of men, 0.01% of women
#c95f0b Deuteranomaly 6% of men, 0.4% of women
#fe2926 Tritanomaly 0.01% of the population

#ff2220 hex color

#ff2220 Color Information

#ff2220 Color Conversion

Color Schemes with #ff2220

Alternatives to #ff2220

#ff2220 Preview

Shades and Tints of #ff2220

Tones of #ff2220

Color Blindness Simulator