#d4221f hex color

In a RGB color space, hex #d4221f is composed of 83.1% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 85.4% yellow and 16.9% black. It has a hue angle of 1 degrees, a saturation of 74.5% and a lightness of 47.6%. #d4221f color hex could be obtained by blending #ff443e with #a90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 13
- B 12
RGB color chart
- C 0
- M 84
- Y 85
- K 17
CMYK color chart

● #d4221f color description : Strong red.

The hexadecimal color #d4221f has RGB values of R:212, G:34, B:31 and CMYK values of C:0, M:0.84, Y:0.85, K:0.17. Its decimal value is 13902367.

Hex triplet	d4221f	`#d4221f`
RGB Decimal	212, 34, 31	`rgb(212,34,31)`
RGB Percent	83.1, 13.3, 12.2	`rgb(83.1%,13.3%,12.2%)`
CMYK	0, 84, 85, 17
HSL	1°, 74.5, 47.6	`hsl(1,74.5%,47.6%)`
HSV (or HSB)	1°, 85.4, 83.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.966, 65.487, 48.047
XYZ	27.972, 15.244, 2.766
xyY	0.608, 0.332, 15.244
CIE-LCH	45.966, 81.222, 36.267
CIE-LUV	45.966, 134.154, 29.591
Hunter-Lab	39.043, 59.56, 23.13
Binary	11010100, 00100010, 00011111

#d4221f
```
#d4221f rgb(212,34,31)
```
#1fd1d4
```
#1fd1d4 rgb(31,209,212)
```

Complementary Color

#d41f77
```
#d41f77 rgb(212,31,119)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#d47d1f
```
#d47d1f rgb(212,125,31)
```

Analogous Color

#1f77d4
```
#1f77d4 rgb(31,119,212)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#1fd47d
```
#1fd47d rgb(31,212,125)
```

Split Complementary Color

#221fd4
```
#221fd4 rgb(34,31,212)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#1fd422
```
#1fd422 rgb(31,212,34)
```

Triadic Color

#d41fd1
```
#d41fd1 rgb(212,31,209)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#1fd422
```
#1fd422 rgb(31,212,34)
```
#1fd1d4
```
#1fd1d4 rgb(31,209,212)
```

Tetradic Color

#911715
```
#911715 rgb(145,23,21)
```
#a81b18
```
#a81b18 rgb(168,27,24)
```
#be1e1c
```
#be1e1c rgb(190,30,28)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#e02f2c
```
#e02f2c rgb(224,47,44)
```
#e34543
```
#e34543 rgb(227,69,67)
```
#e75b59
```
#e75b59 rgb(231,91,89)
```

Monochromatic Color

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

#d41f49
```
#d41f49 rgb(212,31,73)
```
#d41f3a
```
#d41f3a rgb(212,31,58)
```
#d41f2b
```
#d41f2b rgb(212,31,43)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#d4311f
```
#d4311f rgb(212,49,31)
```
#d4401f
```
#d4401f rgb(212,64,31)
```
#d44f1f
```
#d44f1f rgb(212,79,31)
```

Similar Colors

Text with hexadecimal color #d4221f

This text has a font color of #d4221f.

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

#d4221f background color

This paragraph has a background color of #d4221f.

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

#d4221f border color

This element has a border color of #d4221f.

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

CSS codes

.text {color:#d4221f;}

.background {background-color:#d4221f;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180403
```
#180403 rgb(24,4,3)
```
#290706
```
#290706 rgb(41,7,6)
```
#3a0908
```
#3a0908 rgb(58,9,8)
```
#4b0c0b
```
#4b0c0b rgb(75,12,11)
```
#5c0f0d
```
#5c0f0d rgb(92,15,13)
```
#6d1210
```
#6d1210 rgb(109,18,16)
```
#7e1412
```
#7e1412 rgb(126,20,18)
```
#901715
```
#901715 rgb(144,23,21)
```
#a11a17
```
#a11a17 rgb(161,26,23)
```
#b21d1a
```
#b21d1a rgb(178,29,26)
```
#c31f1c
```
#c31f1c rgb(195,31,28)
```
#d4221f
```
#d4221f rgb(212,34,31)
```

Shade Color Variation

#df2a27
```
#df2a27 rgb(223,42,39)
```
#e23b38
```
#e23b38 rgb(226,59,56)
```
#e44c49
```
#e44c49 rgb(228,76,73)
```
#e75d5b
```
#e75d5b rgb(231,93,91)
```
#e96e6c
```
#e96e6c rgb(233,110,108)
```
#ec7f7d
```
#ec7f7d rgb(236,127,125)
```
#ee8f8e
```
#ee8f8e rgb(238,143,142)
```
#f1a09f
```
#f1a09f rgb(241,160,159)
```
#f3b1b0
```
#f3b1b0 rgb(243,177,176)
```
#f6c2c1
```
#f6c2c1 rgb(246,194,193)
```
#f8d3d2
```
#f8d3d2 rgb(248,211,210)
```
#fbe4e3
```
#fbe4e3 rgb(251,228,227)
```
#fdf5f5
```
#fdf5f5 rgb(253,245,245)
```

Tint Color Variation

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

#807373
```
#807373 rgb(128,115,115)
```
#896a6a
```
#896a6a rgb(137,106,106)
```
#936160
```
#936160 rgb(147,97,96)
```
#9c5857
```
#9c5857 rgb(156,88,87)
```
#a54f4e
```
#a54f4e rgb(165,79,78)
```
#af4644
```
#af4644 rgb(175,70,68)
```
#b83d3b
```
#b83d3b rgb(184,61,59)
```
#c13432
```
#c13432 rgb(193,52,50)
```
#cb2b28
```
#cb2b28 rgb(203,43,40)
```
#d4221f
```
#d4221f rgb(212,34,31)
```
#dd1916
```
#dd1916 rgb(221,25,22)
```
#e7100c
```
#e7100c rgb(231,16,12)
```
#f00703
```
#f00703 rgb(240,7,3)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#704c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743b Protanopia 1% of men
#916e14 Deuteranopia 1% of men
#d62d2c Tritanopia 0.001% of the population

Trichromacy

#9e5630 Protanomaly 1% of men, 0.01% of women
#a95218 Deuteranomaly 6% of men, 0.4% of women
#d52927 Tritanomaly 0.01% of the population

#d4221f hex color

#d4221f Color Information

#d4221f Color Conversion

Color Schemes with #d4221f

Alternatives to #d4221f

#d4221f Preview

Shades and Tints of #d4221f

Tones of #d4221f

Color Blindness Simulator