#d5222f hex color

In a RGB color space, hex #d5222f is composed of 83.5% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 77.9% yellow and 16.5% black. It has a hue angle of 355.6 degrees, a saturation of 72.5% and a lightness of 48.4%. #d5222f color hex could be obtained by blending #ff445e with #ab0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 13
- B 18
RGB color chart
- C 0
- M 84
- Y 78
- K 16
CMYK color chart

● #d5222f color description : Strong red.

The hexadecimal color #d5222f has RGB values of R:213, G:34, B:47 and CMYK values of C:0, M:0.84, Y:0.78, K:0.16. Its decimal value is 13967919.

Hex triplet	d5222f	`#d5222f`
RGB Decimal	213, 34, 47	`rgb(213,34,47)`
RGB Percent	83.5, 13.3, 18.4	`rgb(83.5%,13.3%,18.4%)`
CMYK	0, 84, 78, 16
HSL	355.6°, 72.5, 48.4	`hsl(355.6,72.5%,48.4%)`
HSV (or HSB)	355.6°, 84, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.31, 66.189, 39.97
XYZ	28.527, 15.499, 4.179
xyY	0.592, 0.322, 15.499
CIE-LCH	46.31, 77.321, 31.127
CIE-LUV	46.31, 132.027, 25.042
Hunter-Lab	39.369, 60.448, 21.265
Binary	11010101, 00100010, 00101111

#d5222f
```
#d5222f rgb(213,34,47)
```
#22d5c8
```
#22d5c8 rgb(34,213,200)
```

Complementary Color

#d52289
```
#d52289 rgb(213,34,137)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#d56f22
```
#d56f22 rgb(213,111,34)
```

Analogous Color

#2289d5
```
#2289d5 rgb(34,137,213)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#22d56f
```
#22d56f rgb(34,213,111)
```

Split Complementary Color

#222fd5
```
#222fd5 rgb(34,47,213)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#2fd522
```
#2fd522 rgb(47,213,34)
```

Triadic Color

#c822d5
```
#c822d5 rgb(200,34,213)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#2fd522
```
#2fd522 rgb(47,213,34)
```
#22d5c8
```
#22d5c8 rgb(34,213,200)
```

Tetradic Color

#931720
```
#931720 rgb(147,23,32)
```
#a91b25
```
#a91b25 rgb(169,27,37)
```
#bf1e2a
```
#bf1e2a rgb(191,30,42)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#de323f
```
#de323f rgb(222,50,63)
```
#e24853
```
#e24853 rgb(226,72,83)
```
#e55e68
```
#e55e68 rgb(229,94,104)
```

Monochromatic Color

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

#d5225c
```
#d5225c rgb(213,34,92)
```
#d5224d
```
#d5224d rgb(213,34,77)
```
#d5223e
```
#d5223e rgb(213,34,62)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#d52422
```
#d52422 rgb(213,36,34)
```
#d53322
```
#d53322 rgb(213,51,34)
```
#d54222
```
#d54222 rgb(213,66,34)
```

Similar Colors

Text with hexadecimal color #d5222f

This text has a font color of #d5222f.

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

#d5222f background color

This paragraph has a background color of #d5222f.

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

#d5222f border color

This element has a border color of #d5222f.

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

CSS codes

.text {color:#d5222f;}

.background {background-color:#d5222f;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0406
```
#1b0406 rgb(27,4,6)
```
#2c070a
```
#2c070a rgb(44,7,10)
```
#3d0a0d
```
#3d0a0d rgb(61,10,13)
```
#4e0c11
```
#4e0c11 rgb(78,12,17)
```
#5f0f15
```
#5f0f15 rgb(95,15,21)
```
#701219
```
#701219 rgb(112,18,25)
```
#80141c
```
#80141c rgb(128,20,28)
```
#911720
```
#911720 rgb(145,23,32)
```
#a21a24
```
#a21a24 rgb(162,26,36)
```
#b31d28
```
#b31d28 rgb(179,29,40)
```
#c41f2b
```
#c41f2b rgb(196,31,43)
```
#d5222f
```
#d5222f rgb(213,34,47)
```

Shade Color Variation

#dd2d3a
```
#dd2d3a rgb(221,45,58)
```
#e03e4a
```
#e03e4a rgb(224,62,74)
```
#e34f5a
```
#e34f5a rgb(227,79,90)
```
#e6606a
```
#e6606a rgb(230,96,106)
```
#e87179
```
#e87179 rgb(232,113,121)
```
#eb8289
```
#eb8289 rgb(235,130,137)
```
#ee9399
```
#ee9399 rgb(238,147,153)
```
#f0a4a9
```
#f0a4a9 rgb(240,164,169)
```
#f3b4b9
```
#f3b4b9 rgb(243,180,185)
```
#f6c5c9
```
#f6c5c9 rgb(246,197,201)
```
#f8d6d9
```
#f8d6d9 rgb(248,214,217)
```
#fbe7e9
```
#fbe7e9 rgb(251,231,233)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#807878
```
#807878 rgb(128,120,120)
```
#896e70
```
#896e70 rgb(137,110,112)
```
#936568
```
#936568 rgb(147,101,104)
```
#9c5b60
```
#9c5b60 rgb(156,91,96)
```
#a65258
```
#a65258 rgb(166,82,88)
```
#af484f
```
#af484f rgb(175,72,79)
```
#b93f47
```
#b93f47 rgb(185,63,71)
```
#c2353f
```
#c2353f rgb(194,53,63)
```
#cc2c37
```
#cc2c37 rgb(204,44,55)
```
#d5222f
```
#d5222f rgb(213,34,47)
```
#df1927
```
#df1927 rgb(223,25,39)
```
#e80f1f
```
#e80f1f rgb(232,15,31)
```
#f20517
```
#f20517 rgb(242,5,23)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#724e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f754d Protanopia 1% of men
#916f2b Deuteranopia 1% of men
#d62f2f Tritanopia 0.001% of the population

Trichromacy

#9e5642 Protanomaly 1% of men, 0.01% of women
#a9532d Deuteranomaly 6% of men, 0.4% of women
#d62a2f Tritanomaly 0.01% of the population

#d5222f hex color

#d5222f Color Information

#d5222f Color Conversion

Color Schemes with #d5222f

Alternatives to #d5222f

#d5222f Preview

Shades and Tints of #d5222f

Tones of #d5222f

Color Blindness Simulator