#dd3022 hex color

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

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

● #dd3022 color description : Bright red.

The hexadecimal color #dd3022 has RGB values of R:221, G:48, B:34 and CMYK values of C:0, M:0.78, Y:0.85, K:0.13. Its decimal value is 14495778.

Hex triplet	dd3022	`#dd3022`
RGB Decimal	221, 48, 34	`rgb(221,48,34)`
RGB Percent	86.7, 18.8, 13.3	`rgb(86.7%,18.8%,13.3%)`
CMYK	0, 78, 85, 13
HSL	4.5°, 73.3, 50	`hsl(4.5,73.3%,50%)`
HSV (or HSB)	4.5°, 84.6, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.014, 64.554, 49.923
XYZ	31.166, 17.605, 3.27
xyY	0.599, 0.338, 17.605
CIE-LCH	49.014, 81.606, 37.717
CIE-LUV	49.014, 134.328, 32.539
Hunter-Lab	41.959, 59.158, 24.75
Binary	11011101, 00110000, 00100010

#dd3022
```
#dd3022 rgb(221,48,34)
```
#22cfdd
```
#22cfdd rgb(34,207,221)
```

Complementary Color

#dd2272
```
#dd2272 rgb(221,34,114)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#dd8e22
```
#dd8e22 rgb(221,142,34)
```

Analogous Color

#2272dd
```
#2272dd rgb(34,114,221)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#22dd8e
```
#22dd8e rgb(34,221,142)
```

Split Complementary Color

#3022dd
```
#3022dd rgb(48,34,221)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#22dd30
```
#22dd30 rgb(34,221,48)
```

Triadic Color

#dd22cf
```
#dd22cf rgb(221,34,207)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#22dd30
```
#22dd30 rgb(34,221,48)
```
#22cfdd
```
#22cfdd rgb(34,207,221)
```

Tetradic Color

#9b2218
```
#9b2218 rgb(155,34,24)
```
#b1261b
```
#b1261b rgb(177,38,27)
```
#c72b1f
```
#c72b1f rgb(199,43,31)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#e04538
```
#e04538 rgb(224,69,56)
```
#e4594e
```
#e4594e rgb(228,89,78)
```
#e76e64
```
#e76e64 rgb(231,110,100)
```

Monochromatic Color

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

#dd2243
```
#dd2243 rgb(221,34,67)
```
#dd2233
```
#dd2233 rgb(221,34,51)
```
#dd2224
```
#dd2224 rgb(221,34,36)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#dd4022
```
#dd4022 rgb(221,64,34)
```
#dd4f22
```
#dd4f22 rgb(221,79,34)
```
#dd5f22
```
#dd5f22 rgb(221,95,34)
```

Similar Colors

Text with hexadecimal color #dd3022

This text has a font color of #dd3022.

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

#dd3022 background color

This paragraph has a background color of #dd3022.

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

#dd3022 border color

This element has a border color of #dd3022.

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

CSS codes

.text {color:#dd3022;}

.background {background-color:#dd3022;}

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

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

#110403
```
#110403 rgb(17,4,3)
```
#220705
```
#220705 rgb(34,7,5)
```
#330b08
```
#330b08 rgb(51,11,8)
```
#440f0a
```
#440f0a rgb(68,15,10)
```
#55120d
```
#55120d rgb(85,18,13)
```
#661610
```
#661610 rgb(102,22,16)
```
#771a12
```
#771a12 rgb(119,26,18)
```
#881e15
```
#881e15 rgb(136,30,21)
```
#992118
```
#992118 rgb(153,33,24)
```
#aa251a
```
#aa251a rgb(170,37,26)
```
#bb291d
```
#bb291d rgb(187,41,29)
```
#cc2c1f
```
#cc2c1f rgb(204,44,31)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```

Shade Color Variation

#e04033
```
#e04033 rgb(224,64,51)
```
#e25044
```
#e25044 rgb(226,80,68)
```
#e56055
```
#e56055 rgb(229,96,85)
```
#e77066
```
#e77066 rgb(231,112,102)
```
#ea8077
```
#ea8077 rgb(234,128,119)
```
#ed9088
```
#ed9088 rgb(237,144,136)
```
#ef9f99
```
#ef9f99 rgb(239,159,153)
```
#f2afaa
```
#f2afaa rgb(242,175,170)
```
#f5bfbb
```
#f5bfbb rgb(245,191,187)
```
#f7cfcc
```
#f7cfcc rgb(247,207,204)
```
#fadfdd
```
#fadfdd rgb(250,223,221)
```
#fcefee
```
#fcefee rgb(252,239,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857b7a
```
#857b7a rgb(133,123,122)
```
#8f7370
```
#8f7370 rgb(143,115,112)
```
#986a67
```
#986a67 rgb(152,106,103)
```
#a2625d
```
#a2625d rgb(162,98,93)
```
#ac5a53
```
#ac5a53 rgb(172,90,83)
```
#b65149
```
#b65149 rgb(182,81,73)
```
#c0493f
```
#c0493f rgb(192,73,63)
```
#c94136
```
#c94136 rgb(201,65,54)
```
#d3382c
```
#d3382c rgb(211,56,44)
```
#dd3022
```
#dd3022 rgb(221,48,34)
```
#e72818
```
#e72818 rgb(231,40,24)
```
#f11f0e
```
#f11f0e rgb(241,31,14)
```
#fa1705
```
#fa1705 rgb(250,23,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7b5855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b3d Protanopia 1% of men
#9a7519 Deuteranopia 1% of men
#df393a Tritanopia 0.001% of the population

Trichromacy

#a76033 Protanomaly 1% of men, 0.01% of women
#b25c1c Deuteranomaly 6% of men, 0.4% of women
#de3531 Tritanomaly 0.01% of the population

#dd3022 hex color

#dd3022 Color Information

#dd3022 Color Conversion

Color Schemes with #dd3022

Alternatives to #dd3022

#dd3022 Preview

Shades and Tints of #dd3022

Tones of #dd3022

Color Blindness Simulator