#d3221f hex color

In a RGB color space, hex #d3221f is composed of 82.7% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 85.3% yellow and 17.3% black. It has a hue angle of 1 degrees, a saturation of 74.4% and a lightness of 47.5%. #d3221f color hex could be obtained by blending #ff443e with #a70000. 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

● #d3221f color description : Strong red.

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

Hex triplet	d3221f	`#d3221f`
RGB Decimal	211, 34, 31	`rgb(211,34,31)`
RGB Percent	82.7, 13.3, 12.2	`rgb(82.7%,13.3%,12.2%)`
CMYK	0, 84, 85, 17
HSL	1°, 74.4, 47.5	`hsl(1,74.4%,47.5%)`
HSV (or HSB)	1°, 85.3, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.765, 65.213, 47.795
XYZ	27.685, 15.095, 2.752
xyY	0.608, 0.332, 15.095
CIE-LCH	45.765, 80.852, 36.238
CIE-LUV	45.765, 133.402, 29.433
Hunter-Lab	38.853, 59.199, 22.997
Binary	11010011, 00100010, 00011111

#d3221f
```
#d3221f rgb(211,34,31)
```
#1fd0d3
```
#1fd0d3 rgb(31,208,211)
```

Complementary Color

#d31f76
```
#d31f76 rgb(211,31,118)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#d37c1f
```
#d37c1f rgb(211,124,31)
```

Analogous Color

#1f76d3
```
#1f76d3 rgb(31,118,211)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#1fd37c
```
#1fd37c rgb(31,211,124)
```

Split Complementary Color

#221fd3
```
#221fd3 rgb(34,31,211)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#1fd322
```
#1fd322 rgb(31,211,34)
```

Triadic Color

#d31fd0
```
#d31fd0 rgb(211,31,208)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#1fd322
```
#1fd322 rgb(31,211,34)
```
#1fd0d3
```
#1fd0d3 rgb(31,208,211)
```

Tetradic Color

#901715
```
#901715 rgb(144,23,21)
```
#a71b18
```
#a71b18 rgb(167,27,24)
```
#bd1e1c
```
#bd1e1c rgb(189,30,28)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#e02f2c
```
#e02f2c rgb(224,47,44)
```
#e34442
```
#e34442 rgb(227,68,66)
```
#e65a58
```
#e65a58 rgb(230,90,88)
```

Monochromatic Color

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

#d31f49
```
#d31f49 rgb(211,31,73)
```
#d31f3a
```
#d31f3a rgb(211,31,58)
```
#d31f2b
```
#d31f2b rgb(211,31,43)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#d3311f
```
#d3311f rgb(211,49,31)
```
#d3401f
```
#d3401f rgb(211,64,31)
```
#d34f1f
```
#d34f1f rgb(211,79,31)
```

Similar Colors

Text with hexadecimal color #d3221f

This text has a font color of #d3221f.

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

#d3221f background color

This paragraph has a background color of #d3221f.

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

#d3221f border color

This element has a border color of #d3221f.

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

CSS codes

.text {color:#d3221f;}

.background {background-color:#d3221f;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170403
```
#170403 rgb(23,4,3)
```
#280606
```
#280606 rgb(40,6,6)
```
#390908
```
#390908 rgb(57,9,8)
```
#4a0c0b
```
#4a0c0b rgb(74,12,11)
```
#5b0f0d
```
#5b0f0d rgb(91,15,13)
```
#6c1110
```
#6c1110 rgb(108,17,16)
```
#7d1412
```
#7d1412 rgb(125,20,18)
```
#8f1715
```
#8f1715 rgb(143,23,21)
```
#a01a17
```
#a01a17 rgb(160,26,23)
```
#b11c1a
```
#b11c1a rgb(177,28,26)
```
#c21f1c
```
#c21f1c rgb(194,31,28)
```
#d3221f
```
#d3221f rgb(211,34,31)
```

Shade Color Variation

#df2a26
```
#df2a26 rgb(223,42,38)
```
#e23a38
```
#e23a38 rgb(226,58,56)
```
#e44b49
```
#e44b49 rgb(228,75,73)
```
#e75c5a
```
#e75c5a rgb(231,92,90)
```
#e96d6b
```
#e96d6b rgb(233,109,107)
```
#ec7e7c
```
#ec7e7c rgb(236,126,124)
```
#ee8f8d
```
#ee8f8d rgb(238,143,141)
```
#f1a09e
```
#f1a09e rgb(241,160,158)
```
#f3b0af
```
#f3b0af rgb(243,176,175)
```
#f6c1c0
```
#f6c1c0 rgb(246,193,192)
```
#f8d2d1
```
#f8d2d1 rgb(248,210,209)
```
#fbe3e3
```
#fbe3e3 rgb(251,227,227)
```
#fdf4f4
```
#fdf4f4 rgb(253,244,244)
```

Tint Color Variation

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

#7f7373
```
#7f7373 rgb(127,115,115)
```
#896a69
```
#896a69 rgb(137,106,105)
```
#926160
```
#926160 rgb(146,97,96)
```
#9b5857
```
#9b5857 rgb(155,88,87)
```
#a44f4e
```
#a44f4e rgb(164,79,78)
```
#ae4644
```
#ae4644 rgb(174,70,68)
```
#b73d3b
```
#b73d3b rgb(183,61,59)
```
#c03432
```
#c03432 rgb(192,52,50)
```
#ca2b28
```
#ca2b28 rgb(202,43,40)
```
#d3221f
```
#d3221f rgb(211,34,31)
```
#dc1916
```
#dc1916 rgb(220,25,22)
```
#e6100c
```
#e6100c rgb(230,16,12)
```
#ef0703
```
#ef0703 rgb(239,7,3)
```

Tone Color Variation

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

#7f743b Protanopia 1% of men
#906e14 Deuteranopia 1% of men
#d52d2c Tritanopia 0.001% of the population

Trichromacy

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

#d3221f hex color

#d3221f Color Information

#d3221f Color Conversion

Color Schemes with #d3221f

Alternatives to #d3221f

#d3221f Preview

Shades and Tints of #d3221f

Tones of #d3221f

Color Blindness Simulator