#ff221c hex color

In a RGB color space, hex #ff221c is composed of 100% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 89% yellow and 0% black. It has a hue angle of 1.6 degrees, a saturation of 100% and a lightness of 55.5%. #ff221c color hex could be obtained by blending #ff4438 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff221c color description : Vivid red.

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

Hex triplet	ff221c	`#ff221c`
RGB Decimal	255, 34, 28	`rgb(255,34,28)`
RGB Percent	100, 13.3, 11	`rgb(100%,13.3%,11%)`
CMYK	0, 87, 89, 0
HSL	1.6°, 100, 55.5	`hsl(1.6,100%,55.5%)`
HSV (or HSB)	1.6°, 89, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.547, 76.83, 59.735
XYZ	42.024, 22.493, 3.228
xyY	0.62, 0.332, 22.493
CIE-LCH	54.547, 97.32, 37.865
CIE-LUV	54.547, 166.047, 36.826
Hunter-Lab	47.427, 75.166, 29.164
Binary	11111111, 00100010, 00011100

#ff221c
```
#ff221c rgb(255,34,28)
```
#1cf9ff
```
#1cf9ff rgb(28,249,255)
```

Complementary Color

#ff1c88
```
#ff1c88 rgb(255,28,136)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#ff941c
```
#ff941c rgb(255,148,28)
```

Analogous Color

#1c88ff
```
#1c88ff rgb(28,136,255)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#1cff94
```
#1cff94 rgb(28,255,148)
```

Split Complementary Color

#221cff
```
#221cff rgb(34,28,255)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#1cff22
```
#1cff22 rgb(28,255,34)
```

Triadic Color

#ff1cf9
```
#ff1cf9 rgb(255,28,249)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#1cff22
```
#1cff22 rgb(28,255,34)
```
#1cf9ff
```
#1cf9ff rgb(28,249,255)
```

Tetradic Color

#cf0500
```
#cf0500 rgb(207,5,0)
```
#e80600
```
#e80600 rgb(232,6,0)
```
#ff0902
```
#ff0902 rgb(255,9,2)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#ff3b36
```
#ff3b36 rgb(255,59,54)
```
#ff544f
```
#ff544f rgb(255,84,79)
```
#ff6c69
```
#ff6c69 rgb(255,108,105)
```

Monochromatic Color

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

#ff1c4f
```
#ff1c4f rgb(255,28,79)
```
#ff1c3c
```
#ff1c3c rgb(255,28,60)
```
#ff1c29
```
#ff1c29 rgb(255,28,41)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#ff351c
```
#ff351c rgb(255,53,28)
```
#ff481c
```
#ff481c rgb(255,72,28)
```
#ff5b1c
```
#ff5b1c rgb(255,91,28)
```

Similar Colors

Text with hexadecimal color #ff221c

This text has a font color of #ff221c.

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

#ff221c background color

This paragraph has a background color of #ff221c.

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

#ff221c border color

This element has a border color of #ff221c.

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

CSS codes

.text {color:#ff221c;}

.background {background-color:#ff221c;}

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

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

#080000
```
#080000 rgb(8,0,0)
```
#1c0100
```
#1c0100 rgb(28,1,0)
```
#300100
```
#300100 rgb(48,1,0)
```
#430200
```
#430200 rgb(67,2,0)
```
#570200
```
#570200 rgb(87,2,0)
```
#6a0300
```
#6a0300 rgb(106,3,0)
```
#7e0300
```
#7e0300 rgb(126,3,0)
```
#920400
```
#920400 rgb(146,4,0)
```
#a50400
```
#a50400 rgb(165,4,0)
```
#b90500
```
#b90500 rgb(185,5,0)
```
#cd0500
```
#cd0500 rgb(205,5,0)
```
#e00600
```
#e00600 rgb(224,6,0)
```
#f40600
```
#f40600 rgb(244,6,0)
```

Shade Color Variation

#ff0f08
```
#ff0f08 rgb(255,15,8)
```
#ff221c
```
#ff221c rgb(255,34,28)
```
#ff3530
```
#ff3530 rgb(255,53,48)
```
#ff4843
```
#ff4843 rgb(255,72,67)
```
#ff5b57
```
#ff5b57 rgb(255,91,87)
```
#ff6e6a
```
#ff6e6a rgb(255,110,106)
```
#ff817e
```
#ff817e rgb(255,129,126)
```
#ff9592
```
#ff9592 rgb(255,149,146)
```
#ffa8a5
```
#ffa8a5 rgb(255,168,165)
```
#ffbbb9
```
#ffbbb9 rgb(255,187,185)
```
#ffcecd
```
#ffcecd rgb(255,206,205)
```
#ffe1e0
```
#ffe1e0 rgb(255,225,224)
```
#fff4f4
```
#fff4f4 rgb(255,244,244)
```

Tint Color Variation

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

#968585
```
#968585 rgb(150,133,133)
```
#9f7d7c
```
#9f7d7c rgb(159,125,124)
```
#a87573
```
#a87573 rgb(168,117,115)
```
#b06c6b
```
#b06c6b rgb(176,108,107)
```
#b96462
```
#b96462 rgb(185,100,98)
```
#c25c59
```
#c25c59 rgb(194,92,89)
```
#cb5450
```
#cb5450 rgb(203,84,80)
```
#d34b48
```
#d34b48 rgb(211,75,72)
```
#dc433f
```
#dc433f rgb(220,67,63)
```
#e53b36
```
#e53b36 rgb(229,59,54)
```
#ee332d
```
#ee332d rgb(238,51,45)
```
#f62a25
```
#f62a25 rgb(246,42,37)
```
#ff221c
```
#ff221c rgb(255,34,28)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#825655 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ff221c hex color

#ff221c Color Information

#ff221c Color Conversion

Color Schemes with #ff221c

Alternatives to #ff221c

#ff221c Preview

Shades and Tints of #ff221c

Tones of #ff221c

Color Blindness Simulator