#dd222e hex color

In a RGB color space, hex #dd222e is composed of 86.7% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.6% magenta, 79.2% yellow and 13.3% black. It has a hue angle of 356.1 degrees, a saturation of 73.3% and a lightness of 50%. #dd222e color hex could be obtained by blending #ff445c with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 13
- B 18
RGB color chart
- C 0
- M 85
- Y 79
- K 13
CMYK color chart

● #dd222e color description : Bright red.

The hexadecimal color #dd222e has RGB values of R:221, G:34, B:46 and CMYK values of C:0, M:0.85, Y:0.79, K:0.13. Its decimal value is 14492206.

Hex triplet	dd222e	`#dd222e`
RGB Decimal	221, 34, 46	`rgb(221,34,46)`
RGB Percent	86.7, 13.3, 18	`rgb(86.7%,13.3%,18%)`
CMYK	0, 85, 79, 13
HSL	356.1°, 73.3, 50	`hsl(356.1,73.3%,50%)`
HSV (or HSB)	356.1°, 84.6, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.902, 68.31, 42.679
XYZ	30.886, 16.717, 4.185
xyY	0.596, 0.323, 16.717
CIE-LCH	47.902, 80.547, 31.997
CIE-LUV	47.902, 138.297, 26.82
Hunter-Lab	40.887, 63.285, 22.552
Binary	11011101, 00100010, 00101110

#dd222e
```
#dd222e rgb(221,34,46)
```
#22ddd1
```
#22ddd1 rgb(34,221,209)
```

Complementary Color

#dd228c
```
#dd228c rgb(221,34,140)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#dd7422
```
#dd7422 rgb(221,116,34)
```

Analogous Color

#228cdd
```
#228cdd rgb(34,140,221)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#22dd74
```
#22dd74 rgb(34,221,116)
```

Split Complementary Color

#222edd
```
#222edd rgb(34,46,221)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#2edd22
```
#2edd22 rgb(46,221,34)
```

Triadic Color

#d122dd
```
#d122dd rgb(209,34,221)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#2edd22
```
#2edd22 rgb(46,221,34)
```
#22ddd1
```
#22ddd1 rgb(34,221,209)
```

Tetradic Color

#9b1820
```
#9b1820 rgb(155,24,32)
```
#b11b25
```
#b11b25 rgb(177,27,37)
```
#c71f29
```
#c71f29 rgb(199,31,41)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#e03843
```
#e03843 rgb(224,56,67)
```
#e44e58
```
#e44e58 rgb(228,78,88)
```
#e7646d
```
#e7646d rgb(231,100,109)
```

Monochromatic Color

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

#dd225d
```
#dd225d rgb(221,34,93)
```
#dd224d
```
#dd224d rgb(221,34,77)
```
#dd223e
```
#dd223e rgb(221,34,62)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#dd2622
```
#dd2622 rgb(221,38,34)
```
#dd3522
```
#dd3522 rgb(221,53,34)
```
#dd4522
```
#dd4522 rgb(221,69,34)
```

Similar Colors

Text with hexadecimal color #dd222e

This text has a font color of #dd222e.

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

#dd222e background color

This paragraph has a background color of #dd222e.

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

#dd222e border color

This element has a border color of #dd222e.

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

CSS codes

.text {color:#dd222e;}

.background {background-color:#dd222e;}

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

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

#110304
```
#110304 rgb(17,3,4)
```
#220507
```
#220507 rgb(34,5,7)
```
#33080b
```
#33080b rgb(51,8,11)
```
#440a0e
```
#440a0e rgb(68,10,14)
```
#550d12
```
#550d12 rgb(85,13,18)
```
#661015
```
#661015 rgb(102,16,21)
```
#771219
```
#771219 rgb(119,18,25)
```
#88151c
```
#88151c rgb(136,21,28)
```
#991820
```
#991820 rgb(153,24,32)
```
#aa1a23
```
#aa1a23 rgb(170,26,35)
```
#bb1d27
```
#bb1d27 rgb(187,29,39)
```
#cc1f2a
```
#cc1f2a rgb(204,31,42)
```
#dd222e
```
#dd222e rgb(221,34,46)
```

Shade Color Variation

#e0333e
```
#e0333e rgb(224,51,62)
```
#e2444e
```
#e2444e rgb(226,68,78)
```
#e5555e
```
#e5555e rgb(229,85,94)
```
#e7666e
```
#e7666e rgb(231,102,110)
```
#ea777e
```
#ea777e rgb(234,119,126)
```
#ed888e
```
#ed888e rgb(237,136,142)
```
#ef999f
```
#ef999f rgb(239,153,159)
```
#f2aaaf
```
#f2aaaf rgb(242,170,175)
```
#f5bbbf
```
#f5bbbf rgb(245,187,191)
```
#f7cccf
```
#f7cccf rgb(247,204,207)
```
#fadddf
```
#fadddf rgb(250,221,223)
```
#fceeef
```
#fceeef rgb(252,238,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857a7b
```
#857a7b rgb(133,122,123)
```
#8f7072
```
#8f7072 rgb(143,112,114)
```
#98676a
```
#98676a rgb(152,103,106)
```
#a25d61
```
#a25d61 rgb(162,93,97)
```
#ac5359
```
#ac5359 rgb(172,83,89)
```
#b64950
```
#b64950 rgb(182,73,80)
```
#c03f48
```
#c03f48 rgb(192,63,72)
```
#c9363f
```
#c9363f rgb(201,54,63)
```
#d32c37
```
#d32c37 rgb(211,44,55)
```
#dd222e
```
#dd222e rgb(221,34,46)
```
#e71825
```
#e71825 rgb(231,24,37)
```
#f10e1d
```
#f10e1d rgb(241,14,29)
```
#fa0514
```
#fa0514 rgb(250,5,20)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#755052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83794c Protanopia 1% of men
#967329 Deuteranopia 1% of men
#de2f2e Tritanopia 0.001% of the population

Trichromacy

#a45941 Protanomaly 1% of men, 0.01% of women
#af552b Deuteranomaly 6% of men, 0.4% of women
#dd2a2e Tritanomaly 0.01% of the population

#dd222e hex color

#dd222e Color Information

#dd222e Color Conversion

Color Schemes with #dd222e

Alternatives to #dd222e

#dd222e Preview

Shades and Tints of #dd222e

Tones of #dd222e

Color Blindness Simulator