#dd3116 hex color

In a RGB color space, hex #dd3116 is composed of 86.7% red, 19.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 90% yellow and 13.3% black. It has a hue angle of 8.1 degrees, a saturation of 81.9% and a lightness of 47.6%. #dd3116 color hex could be obtained by blending #ff622c with #bb0000. Closest websafe color is: #cc3300.

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

● #dd3116 color description : Vivid red.

The hexadecimal color #dd3116 has RGB values of R:221, G:49, B:22 and CMYK values of C:0, M:0.78, Y:0.9, K:0.13. Its decimal value is 14496022.

Hex triplet	dd3116	`#dd3116`
RGB Decimal	221, 49, 22	`rgb(221,49,22)`
RGB Percent	86.7, 19.2, 8.6	`rgb(86.7%,19.2%,8.6%)`
CMYK	0, 78, 90, 13
HSL	8.1°, 81.9, 47.6	`hsl(8.1,81.9%,47.6%)`
HSV (or HSB)	8.1°, 90, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.045, 64.043, 55.102
XYZ	31.064, 17.631, 2.526
xyY	0.606, 0.344, 17.631
CIE-LCH	49.045, 84.485, 40.708
CIE-LUV	49.045, 135.233, 35.175
Hunter-Lab	41.989, 58.575, 25.825
Binary	11011101, 00110001, 00010110

#dd3116
```
#dd3116 rgb(221,49,22)
```
#16c2dd
```
#16c2dd rgb(22,194,221)
```

Complementary Color

#dd165f
```
#dd165f rgb(221,22,95)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#dd9516
```
#dd9516 rgb(221,149,22)
```

Analogous Color

#165fdd
```
#165fdd rgb(22,95,221)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#16dd95
```
#16dd95 rgb(22,221,149)
```

Split Complementary Color

#3116dd
```
#3116dd rgb(49,22,221)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#16dd31
```
#16dd31 rgb(22,221,49)
```

Triadic Color

#dd16c2
```
#dd16c2 rgb(221,22,194)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#16dd31
```
#16dd31 rgb(22,221,49)
```
#16c2dd
```
#16c2dd rgb(22,194,221)
```

Tetradic Color

#97220f
```
#97220f rgb(151,34,15)
```
#af2711
```
#af2711 rgb(175,39,17)
```
#c62c14
```
#c62c14 rgb(198,44,20)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#e93e23
```
#e93e23 rgb(233,62,35)
```
#eb533b
```
#eb533b rgb(235,83,59)
```
#ee6752
```
#ee6752 rgb(238,103,82)
```

Monochromatic Color

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

#dd162d
```
#dd162d rgb(221,22,45)
```
#dd161c
```
#dd161c rgb(221,22,28)
```
#dd2016
```
#dd2016 rgb(221,32,22)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#dd4216
```
#dd4216 rgb(221,66,22)
```
#dd5216
```
#dd5216 rgb(221,82,22)
```
#dd6316
```
#dd6316 rgb(221,99,22)
```

Similar Colors

Text with hexadecimal color #dd3116

This text has a font color of #dd3116.

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

#dd3116 background color

This paragraph has a background color of #dd3116.

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

#dd3116 border color

This element has a border color of #dd3116.

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

CSS codes

.text {color:#dd3116;}

.background {background-color:#dd3116;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#190502
```
#190502 rgb(25,5,2)
```
#2b0904
```
#2b0904 rgb(43,9,4)
```
#3c0d06
```
#3c0d06 rgb(60,13,6)
```
#4e1108
```
#4e1108 rgb(78,17,8)
```
#60150a
```
#60150a rgb(96,21,10)
```
#72190b
```
#72190b rgb(114,25,11)
```
#841d0d
```
#841d0d rgb(132,29,13)
```
#96210f
```
#96210f rgb(150,33,15)
```
#a72511
```
#a72511 rgb(167,37,17)
```
#b92912
```
#b92912 rgb(185,41,18)
```
#cb2d14
```
#cb2d14 rgb(203,45,20)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```

Shade Color Variation

#e9391e
```
#e9391e rgb(233,57,30)
```
#ea4930
```
#ea4930 rgb(234,73,48)
```
#ec5942
```
#ec5942 rgb(236,89,66)
```
#ee6854
```
#ee6854 rgb(238,104,84)
```
#f07865
```
#f07865 rgb(240,120,101)
```
#f18877
```
#f18877 rgb(241,136,119)
```
#f39789
```
#f39789 rgb(243,151,137)
```
#f5a79b
```
#f5a79b rgb(245,167,155)
```
#f7b7ad
```
#f7b7ad rgb(247,183,173)
```
#f9c6bf
```
#f9c6bf rgb(249,198,191)
```
#fad6d0
```
#fad6d0 rgb(250,214,208)
```
#fce6e2
```
#fce6e2 rgb(252,230,226)
```
#fef5f4
```
#fef5f4 rgb(254,245,244)
```

Tint Color Variation

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

#807573
```
#807573 rgb(128,117,115)
```
#896e6a
```
#896e6a rgb(137,110,106)
```
#926761
```
#926761 rgb(146,103,97)
```
#9c6157
```
#9c6157 rgb(156,97,87)
```
#a55a4e
```
#a55a4e rgb(165,90,78)
```
#ae5345
```
#ae5345 rgb(174,83,69)
```
#b84c3b
```
#b84c3b rgb(184,76,59)
```
#c14532
```
#c14532 rgb(193,69,50)
```
#ca3f29
```
#ca3f29 rgb(202,63,41)
```
#d4381f
```
#d4381f rgb(212,56,31)
```
#dd3116
```
#dd3116 rgb(221,49,22)
```
#e62a0d
```
#e62a0d rgb(230,42,13)
```
#f02303
```
#f02303 rgb(240,35,3)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7a5752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b30 Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#df393a Tritanopia 0.001% of the population

Trichromacy

#a76027 Protanomaly 1% of men, 0.01% of women
#b25c08 Deuteranomaly 6% of men, 0.4% of women
#de362d Tritanomaly 0.01% of the population

#dd3116 hex color

#dd3116 Color Information

#dd3116 Color Conversion

Color Schemes with #dd3116

Alternatives to #dd3116

#dd3116 Preview

Shades and Tints of #dd3116

Tones of #dd3116

Color Blindness Simulator