#dd3318 hex color

In a RGB color space, hex #dd3318 is composed of 86.7% red, 20% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 89.1% yellow and 13.3% black. It has a hue angle of 8.2 degrees, a saturation of 80.4% and a lightness of 48%. #dd3318 color hex could be obtained by blending #ff6630 with #bb0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 87
- G 20
- B 9
RGB color chart
- C 0
- M 77
- Y 89
- K 13
CMYK color chart

● #dd3318 color description : Vivid red.

The hexadecimal color #dd3318 has RGB values of R:221, G:51, B:24 and CMYK values of C:0, M:0.77, Y:0.89, K:0.13. Its decimal value is 14496536.

Hex triplet	dd3318	`#dd3318`
RGB Decimal	221, 51, 24	`rgb(221,51,24)`
RGB Percent	86.7, 20, 9.4	`rgb(86.7%,20%,9.4%)`
CMYK	0, 77, 89, 13
HSL	8.2°, 80.4, 48	`hsl(8.2,80.4%,48%)`
HSV (or HSB)	8.2°, 89.1, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.264, 63.486, 54.488
XYZ	31.169, 17.81, 2.661
xyY	0.604, 0.345, 17.81
CIE-LCH	49.264, 83.663, 40.638
CIE-LUV	49.264, 133.984, 35.206
Hunter-Lab	42.201, 57.984, 25.803
Binary	11011101, 00110011, 00011000

#dd3318
```
#dd3318 rgb(221,51,24)
```
#18c2dd
```
#18c2dd rgb(24,194,221)
```

Complementary Color

#dd185f
```
#dd185f rgb(221,24,95)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#dd9618
```
#dd9618 rgb(221,150,24)
```

Analogous Color

#185fdd
```
#185fdd rgb(24,95,221)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#18dd96
```
#18dd96 rgb(24,221,150)
```

Split Complementary Color

#3318dd
```
#3318dd rgb(51,24,221)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#18dd33
```
#18dd33 rgb(24,221,51)
```

Triadic Color

#dd18c2
```
#dd18c2 rgb(221,24,194)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#18dd33
```
#18dd33 rgb(24,221,51)
```
#18c2dd
```
#18c2dd rgb(24,194,221)
```

Tetradic Color

#982311
```
#982311 rgb(152,35,17)
```
#af2813
```
#af2813 rgb(175,40,19)
```
#c62e16
```
#c62e16 rgb(198,46,22)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#e84127
```
#e84127 rgb(232,65,39)
```
#ea563e
```
#ea563e rgb(234,86,62)
```
#ed6a55
```
#ed6a55 rgb(237,106,85)
```

Monochromatic Color

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

#dd182e
```
#dd182e rgb(221,24,46)
```
#dd181e
```
#dd181e rgb(221,24,30)
```
#dd2318
```
#dd2318 rgb(221,35,24)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#dd4318
```
#dd4318 rgb(221,67,24)
```
#dd5418
```
#dd5418 rgb(221,84,24)
```
#dd6418
```
#dd6418 rgb(221,100,24)
```

Similar Colors

Text with hexadecimal color #dd3318

This text has a font color of #dd3318.

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

#dd3318 background color

This paragraph has a background color of #dd3318.

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

#dd3318 border color

This element has a border color of #dd3318.

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

CSS codes

.text {color:#dd3318;}

.background {background-color:#dd3318;}

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

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

#090201
```
#090201 rgb(9,2,1)
```
#1a0603
```
#1a0603 rgb(26,6,3)
```
#2c0a05
```
#2c0a05 rgb(44,10,5)
```
#3e0e07
```
#3e0e07 rgb(62,14,7)
```
#4f1209
```
#4f1209 rgb(79,18,9)
```
#61160b
```
#61160b rgb(97,22,11)
```
#731b0c
```
#731b0c rgb(115,27,12)
```
#851f0e
```
#851f0e rgb(133,31,14)
```
#962310
```
#962310 rgb(150,35,16)
```
#a82712
```
#a82712 rgb(168,39,18)
```
#ba2b14
```
#ba2b14 rgb(186,43,20)
```
#cb2f16
```
#cb2f16 rgb(203,47,22)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```

Shade Color Variation

#e73d22
```
#e73d22 rgb(231,61,34)
```
#e94c33
```
#e94c33 rgb(233,76,51)
```
#eb5c45
```
#eb5c45 rgb(235,92,69)
```
#ed6b57
```
#ed6b57 rgb(237,107,87)
```
#ef7b68
```
#ef7b68 rgb(239,123,104)
```
#f18a7a
```
#f18a7a rgb(241,138,122)
```
#f29a8c
```
#f29a8c rgb(242,154,140)
```
#f4a99e
```
#f4a99e rgb(244,169,158)
```
#f6b9af
```
#f6b9af rgb(246,185,175)
```
#f8c8c1
```
#f8c8c1 rgb(248,200,193)
```
#fad8d3
```
#fad8d3 rgb(250,216,211)
```
#fce8e4
```
#fce8e4 rgb(252,232,228)
```
#fef7f6
```
#fef7f6 rgb(254,247,246)
```

Tint Color Variation

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

#7f7776
```
#7f7776 rgb(127,119,118)
```
#88716d
```
#88716d rgb(136,113,109)
```
#926a63
```
#926a63 rgb(146,106,99)
```
#9b635a
```
#9b635a rgb(155,99,90)
```
#a45c51
```
#a45c51 rgb(164,92,81)
```
#ae5547
```
#ae5547 rgb(174,85,71)
```
#b74e3e
```
#b74e3e rgb(183,78,62)
```
#c14834
```
#c14834 rgb(193,72,52)
```
#ca412b
```
#ca412b rgb(202,65,43)
```
#d43a21
```
#d43a21 rgb(212,58,33)
```
#dd3318
```
#dd3318 rgb(221,51,24)
```
#e62c0f
```
#e62c0f rgb(230,44,15)
```
#f02505
```
#f02505 rgb(240,37,5)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#7b5954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c32 Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#df3a3c Tritanopia 0.001% of the population

Trichromacy

#a86128 Protanomaly 1% of men, 0.01% of women
#b35d08 Deuteranomaly 6% of men, 0.4% of women
#de382f Tritanomaly 0.01% of the population

#dd3318 hex color

#dd3318 Color Information

#dd3318 Color Conversion

Color Schemes with #dd3318

Alternatives to #dd3318

#dd3318 Preview

Shades and Tints of #dd3318

Tones of #dd3318

Color Blindness Simulator