#ff221e hex color

In a RGB color space, hex #ff221e is composed of 100% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 88.2% yellow and 0% black. It has a hue angle of 1.1 degrees, a saturation of 100% and a lightness of 55.9%. #ff221e color hex could be obtained by blending #ff443c with #ff0000. Closest websafe color is: #ff3333.

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

● #ff221e color description : Vivid red.

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

Hex triplet	ff221e	`#ff221e`
RGB Decimal	255, 34, 30	`rgb(255,34,30)`
RGB Percent	100, 13.3, 11.8	`rgb(100%,13.3%,11.8%)`
CMYK	0, 87, 88, 0
HSL	1.1°, 100, 55.9	`hsl(1.1,100%,55.9%)`
HSV (or HSB)	1.1°, 88.2, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.557, 76.86, 58.931
XYZ	42.049, 22.503, 3.358
xyY	0.619, 0.331, 22.503
CIE-LCH	54.557, 96.852, 37.479
CIE-LUV	54.557, 165.815, 36.461
Hunter-Lab	47.438, 75.206, 29.01
Binary	11111111, 00100010, 00011110

#ff221e
```
#ff221e rgb(255,34,30)
```
#1efbff
```
#1efbff rgb(30,251,255)
```

Complementary Color

#ff1e8b
```
#ff1e8b rgb(255,30,139)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#ff931e
```
#ff931e rgb(255,147,30)
```

Analogous Color

#1e8bff
```
#1e8bff rgb(30,139,255)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#1eff93
```
#1eff93 rgb(30,255,147)
```

Split Complementary Color

#221eff
```
#221eff rgb(34,30,255)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#1eff22
```
#1eff22 rgb(30,255,34)
```

Triadic Color

#ff1efb
```
#ff1efb rgb(255,30,251)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#1eff22
```
#1eff22 rgb(30,255,34)
```
#1efbff
```
#1efbff rgb(30,251,255)
```

Tetradic Color

#d10400
```
#d10400 rgb(209,4,0)
```
#ea0400
```
#ea0400 rgb(234,4,0)
```
#ff0904
```
#ff0904 rgb(255,9,4)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#ff3b38
```
#ff3b38 rgb(255,59,56)
```
#ff5451
```
#ff5451 rgb(255,84,81)
```
#ff6d6b
```
#ff6d6b rgb(255,109,107)
```

Monochromatic Color

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

#ff1e52
```
#ff1e52 rgb(255,30,82)
```
#ff1e40
```
#ff1e40 rgb(255,30,64)
```
#ff1e2d
```
#ff1e2d rgb(255,30,45)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#ff351e
```
#ff351e rgb(255,53,30)
```
#ff481e
```
#ff481e rgb(255,72,30)
```
#ff5a1e
```
#ff5a1e rgb(255,90,30)
```

Similar Colors

Text with hexadecimal color #ff221e

This text has a font color of #ff221e.

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

#ff221e background color

This paragraph has a background color of #ff221e.

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

#ff221e border color

This element has a border color of #ff221e.

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

CSS codes

.text {color:#ff221e;}

.background {background-color:#ff221e;}

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

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

#0a0000
```
#0a0000 rgb(10,0,0)
```
#1e0100
```
#1e0100 rgb(30,1,0)
```
#320100
```
#320100 rgb(50,1,0)
```
#450100
```
#450100 rgb(69,1,0)
```
#590200
```
#590200 rgb(89,2,0)
```
#6c0200
```
#6c0200 rgb(108,2,0)
```
#800200
```
#800200 rgb(128,2,0)
```
#940300
```
#940300 rgb(148,3,0)
```
#a70300
```
#a70300 rgb(167,3,0)
```
#bb0300
```
#bb0300 rgb(187,3,0)
```
#cf0400
```
#cf0400 rgb(207,4,0)
```
#e20400
```
#e20400 rgb(226,4,0)
```
#f60400
```
#f60400 rgb(246,4,0)
```

Shade Color Variation

#ff0f0a
```
#ff0f0a rgb(255,15,10)
```
#ff221e
```
#ff221e rgb(255,34,30)
```
#ff3532
```
#ff3532 rgb(255,53,50)
```
#ff4945
```
#ff4945 rgb(255,73,69)
```
#ff5c59
```
#ff5c59 rgb(255,92,89)
```
#ff6f6c
```
#ff6f6c rgb(255,111,108)
```
#ff8280
```
#ff8280 rgb(255,130,128)
```
#ff9694
```
#ff9694 rgb(255,150,148)
```
#ffa9a7
```
#ffa9a7 rgb(255,169,167)
```
#ffbcbb
```
#ffbcbb rgb(255,188,187)
```
#ffcfcf
```
#ffcfcf rgb(255,207,207)
```
#ffe3e2
```
#ffe3e2 rgb(255,227,226)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#978686
```
#978686 rgb(151,134,134)
```
#a07e7d
```
#a07e7d rgb(160,126,125)
```
#a87575
```
#a87575 rgb(168,117,117)
```
#b16d6c
```
#b16d6c rgb(177,109,108)
```
#ba6563
```
#ba6563 rgb(186,101,99)
```
#c25c5b
```
#c25c5b rgb(194,92,91)
```
#cb5452
```
#cb5452 rgb(203,84,82)
```
#d44c49
```
#d44c49 rgb(212,76,73)
```
#dc4341
```
#dc4341 rgb(220,67,65)
```
#e53b38
```
#e53b38 rgb(229,59,56)
```
#ee332f
```
#ee332f rgb(238,51,47)
```
#f62a27
```
#f62a27 rgb(246,42,39)
```
#ff221e
```
#ff221e rgb(255,34,30)
```

Tone Color Variation

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

#97893d Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#ff2d2a Tritanopia 0.001% of the population

Trichromacy

#bd6331 Protanomaly 1% of men, 0.01% of women
#c95f0a Deuteranomaly 6% of men, 0.4% of women
#ff2925 Tritanomaly 0.01% of the population

#ff221e hex color

#ff221e Color Information

#ff221e Color Conversion

Color Schemes with #ff221e

Alternatives to #ff221e

#ff221e Preview

Shades and Tints of #ff221e

Tones of #ff221e

Color Blindness Simulator