#ff221b hex color

In a RGB color space, hex #ff221b is composed of 100% red, 13.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 89.4% yellow and 0% black. It has a hue angle of 1.8 degrees, a saturation of 100% and a lightness of 55.3%. #ff221b color hex could be obtained by blending #ff4436 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

● #ff221b color description : Vivid red.

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

Hex triplet	ff221b	`#ff221b`
RGB Decimal	255, 34, 27	`rgb(255,34,27)`
RGB Percent	100, 13.3, 10.6	`rgb(100%,13.3%,10.6%)`
CMYK	0, 87, 89, 0
HSL	1.8°, 100, 55.3	`hsl(1.8,100%,55.3%)`
HSV (or HSB)	1.8°, 89.4, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.542, 76.816, 60.126
XYZ	42.012, 22.489, 3.166
xyY	0.621, 0.332, 22.489
CIE-LCH	54.542, 97.549, 38.051
CIE-LUV	54.542, 166.157, 37
Hunter-Lab	47.422, 75.147, 29.238
Binary	11111111, 00100010, 00011011

#ff221b
```
#ff221b rgb(255,34,27)
```
#1bf8ff
```
#1bf8ff rgb(27,248,255)
```

Complementary Color

#ff1b86
```
#ff1b86 rgb(255,27,134)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#ff941b
```
#ff941b rgb(255,148,27)
```

Analogous Color

#1b86ff
```
#1b86ff rgb(27,134,255)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#1bff94
```
#1bff94 rgb(27,255,148)
```

Split Complementary Color

#221bff
```
#221bff rgb(34,27,255)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#1bff22
```
#1bff22 rgb(27,255,34)
```

Triadic Color

#ff1bf8
```
#ff1bf8 rgb(255,27,248)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#1bff22
```
#1bff22 rgb(27,255,34)
```
#1bf8ff
```
#1bf8ff rgb(27,248,255)
```

Tetradic Color

#ce0600
```
#ce0600 rgb(206,6,0)
```
#e70700
```
#e70700 rgb(231,7,0)
```
#ff0901
```
#ff0901 rgb(255,9,1)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#ff3b35
```
#ff3b35 rgb(255,59,53)
```
#ff534e
```
#ff534e rgb(255,83,78)
```
#ff6c68
```
#ff6c68 rgb(255,108,104)
```

Monochromatic Color

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

#ff1b4d
```
#ff1b4d rgb(255,27,77)
```
#ff1b3a
```
#ff1b3a rgb(255,27,58)
```
#ff1b27
```
#ff1b27 rgb(255,27,39)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#ff351b
```
#ff351b rgb(255,53,27)
```
#ff481b
```
#ff481b rgb(255,72,27)
```
#ff5b1b
```
#ff5b1b rgb(255,91,27)
```

Similar Colors

Text with hexadecimal color #ff221b

This text has a font color of #ff221b.

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

#ff221b background color

This paragraph has a background color of #ff221b.

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

#ff221b border color

This element has a border color of #ff221b.

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

CSS codes

.text {color:#ff221b;}

.background {background-color:#ff221b;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1b0100
```
#1b0100 rgb(27,1,0)
```
#2f0100
```
#2f0100 rgb(47,1,0)
```
#420200
```
#420200 rgb(66,2,0)
```
#560300
```
#560300 rgb(86,3,0)
```
#690300
```
#690300 rgb(105,3,0)
```
#7d0400
```
#7d0400 rgb(125,4,0)
```
#910400
```
#910400 rgb(145,4,0)
```
#a40500
```
#a40500 rgb(164,5,0)
```
#b80600
```
#b80600 rgb(184,6,0)
```
#cc0600
```
#cc0600 rgb(204,6,0)
```
#df0700
```
#df0700 rgb(223,7,0)
```
#f30700
```
#f30700 rgb(243,7,0)
```

Shade Color Variation

#ff0f07
```
#ff0f07 rgb(255,15,7)
```
#ff221b
```
#ff221b rgb(255,34,27)
```
#ff352f
```
#ff352f rgb(255,53,47)
```
#ff4842
```
#ff4842 rgb(255,72,66)
```
#ff5b56
```
#ff5b56 rgb(255,91,86)
```
#ff6e69
```
#ff6e69 rgb(255,110,105)
```
#ff817d
```
#ff817d rgb(255,129,125)
```
#ff9491
```
#ff9491 rgb(255,148,145)
```
#ffa7a4
```
#ffa7a4 rgb(255,167,164)
```
#ffbab8
```
#ffbab8 rgb(255,186,184)
```
#ffcdcc
```
#ffcdcc rgb(255,205,204)
```
#ffe0df
```
#ffe0df rgb(255,224,223)
```
#fff3f3
```
#fff3f3 rgb(255,243,243)
```

Tint Color Variation

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

#968584
```
#968584 rgb(150,133,132)
```
#9f7d7b
```
#9f7d7b rgb(159,125,123)
```
#a77473
```
#a77473 rgb(167,116,115)
```
#b06c6a
```
#b06c6a rgb(176,108,106)
```
#b96461
```
#b96461 rgb(185,100,97)
```
#c25c58
```
#c25c58 rgb(194,92,88)
```
#ca5350
```
#ca5350 rgb(202,83,80)
```
#d34b47
```
#d34b47 rgb(211,75,71)
```
#dc433e
```
#dc433e rgb(220,67,62)
```
#e53b35
```
#e53b35 rgb(229,59,53)
```
#ed322d
```
#ed322d rgb(237,50,45)
```
#f62a24
```
#f62a24 rgb(246,42,36)
```
#ff221b
```
#ff221b rgb(255,34,27)
```

Tone Color Variation

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

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

Trichromacy

#bd632e Protanomaly 1% of men, 0.01% of women
#c95f09 Deuteranomaly 6% of men, 0.4% of women
#ff2924 Tritanomaly 0.01% of the population

#ff221b hex color

#ff221b Color Information

#ff221b Color Conversion

Color Schemes with #ff221b

Alternatives to #ff221b

#ff221b Preview

Shades and Tints of #ff221b

Tones of #ff221b

Color Blindness Simulator