#d5222e hex color

In a RGB color space, hex #d5222e is composed of 83.5% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 78.4% yellow and 16.5% black. It has a hue angle of 356 degrees, a saturation of 72.5% and a lightness of 48.4%. #d5222e color hex could be obtained by blending #ff445c 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

● #d5222e color description : Strong red.

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

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

CIE-LAB	46.3, 66.157, 40.521
XYZ	28.507, 15.491, 4.074
xyY	0.593, 0.322, 15.491
CIE-LCH	46.3, 77.58, 31.488
CIE-LUV	46.3, 132.239, 25.389
Hunter-Lab	39.359, 60.409, 21.414
Binary	11010101, 00100010, 00101110

#d5222e
```
#d5222e rgb(213,34,46)
```
#22d5c9
```
#22d5c9 rgb(34,213,201)
```

Complementary Color

#d52288
```
#d52288 rgb(213,34,136)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#d57022
```
#d57022 rgb(213,112,34)
```

Analogous Color

#2288d5
```
#2288d5 rgb(34,136,213)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#22d570
```
#22d570 rgb(34,213,112)
```

Split Complementary Color

#222ed5
```
#222ed5 rgb(34,46,213)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#2ed522
```
#2ed522 rgb(46,213,34)
```

Triadic Color

#c922d5
```
#c922d5 rgb(201,34,213)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#2ed522
```
#2ed522 rgb(46,213,34)
```
#22d5c9
```
#22d5c9 rgb(34,213,201)
```

Tetradic Color

#931720
```
#931720 rgb(147,23,32)
```
#a91b25
```
#a91b25 rgb(169,27,37)
```
#bf1e29
```
#bf1e29 rgb(191,30,41)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#de323e
```
#de323e rgb(222,50,62)
```
#e24852
```
#e24852 rgb(226,72,82)
```
#e55e67
```
#e55e67 rgb(229,94,103)
```

Monochromatic Color

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

#d5225b
```
#d5225b rgb(213,34,91)
```
#d5224c
```
#d5224c rgb(213,34,76)
```
#d5223d
```
#d5223d rgb(213,34,61)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#d52522
```
#d52522 rgb(213,37,34)
```
#d53422
```
#d53422 rgb(213,52,34)
```
#d54322
```
#d54322 rgb(213,67,34)
```

Similar Colors

Text with hexadecimal color #d5222e

This text has a font color of #d5222e.

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

#d5222e background color

This paragraph has a background color of #d5222e.

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

#d5222e border color

This element has a border color of #d5222e.

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

CSS codes

.text {color:#d5222e;}

.background {background-color:#d5222e;}

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

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 #fef8f8 is the lightest one.

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0406
```
#1b0406 rgb(27,4,6)
```
#2c0709
```
#2c0709 rgb(44,7,9)
```
#3d0a0d
```
#3d0a0d rgb(61,10,13)
```
#4e0c11
```
#4e0c11 rgb(78,12,17)
```
#5f0f14
```
#5f0f14 rgb(95,15,20)
```
#701218
```
#701218 rgb(112,18,24)
```
#80141c
```
#80141c rgb(128,20,28)
```
#91171f
```
#91171f rgb(145,23,31)
```
#a21a23
```
#a21a23 rgb(162,26,35)
```
#b31d27
```
#b31d27 rgb(179,29,39)
```
#c41f2a
```
#c41f2a rgb(196,31,42)
```
#d5222e
```
#d5222e rgb(213,34,46)
```

Shade Color Variation

#dd2d39
```
#dd2d39 rgb(221,45,57)
```
#e03e49
```
#e03e49 rgb(224,62,73)
```
#e34f59
```
#e34f59 rgb(227,79,89)
```
#e66069
```
#e66069 rgb(230,96,105)
```
#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)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#807878
```
#807878 rgb(128,120,120)
```
#896e70
```
#896e70 rgb(137,110,112)
```
#936568
```
#936568 rgb(147,101,104)
```
#9c5b5f
```
#9c5b5f rgb(156,91,95)
```
#a65257
```
#a65257 rgb(166,82,87)
```
#af484f
```
#af484f rgb(175,72,79)
```
#b93f47
```
#b93f47 rgb(185,63,71)
```
#c2353e
```
#c2353e rgb(194,53,62)
```
#cc2c36
```
#cc2c36 rgb(204,44,54)
```
#d5222e
```
#d5222e rgb(213,34,46)
```
#df1926
```
#df1926 rgb(223,25,38)
```
#e80f1e
```
#e80f1e rgb(232,15,30)
```
#f20515
```
#f20515 rgb(242,5,21)
```

Tone Color Variation

Below, you can see how #d5222e 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
#724e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f754c Protanopia 1% of men
#916f2a Deuteranopia 1% of men
#d62f2e Tritanopia 0.001% of the population

Trichromacy

#9e5641 Protanomaly 1% of men, 0.01% of women
#a9532b Deuteranomaly 6% of men, 0.4% of women
#d62a2e Tritanomaly 0.01% of the population

#d5222e hex color

#d5222e Color Information

#d5222e Color Conversion

Color Schemes with #d5222e

Alternatives to #d5222e

#d5222e Preview

Shades and Tints of #d5222e

Tones of #d5222e

Color Blindness Simulator