#dd551f hex color

In a RGB color space, hex #dd551f is composed of 86.7% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 86% yellow and 13.3% black. It has a hue angle of 17.1 degrees, a saturation of 75.4% and a lightness of 49.4%. #dd551f color hex could be obtained by blending #ffaa3e with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 33
- B 12
RGB color chart
- C 0
- M 62
- Y 86
- K 13
CMYK color chart

● #dd551f color description : Vivid orange.

The hexadecimal color #dd551f has RGB values of R:221, G:85, B:31 and CMYK values of C:0, M:0.62, Y:0.86, K:0.13. Its decimal value is 14505247.

Hex triplet	dd551f	`#dd551f`
RGB Decimal	221, 85, 31	`rgb(221,85,31)`
RGB Percent	86.7, 33.3, 12.2	`rgb(86.7%,33.3%,12.2%)`
CMYK	0, 62, 86, 13
HSL	17.1°, 75.4, 49.4	`hsl(17.1,75.4%,49.4%)`
HSV (or HSB)	17.1°, 86, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.997, 50.829, 55.424
XYZ	33.316, 21.972, 3.783
xyY	0.564, 0.372, 21.972
CIE-LCH	53.997, 75.202, 47.476
CIE-LUV	53.997, 111.087, 42.156
Hunter-Lab	46.874, 44.841, 28.027
Binary	11011101, 01010101, 00011111

#dd551f
```
#dd551f rgb(221,85,31)
```
#1fa7dd
```
#1fa7dd rgb(31,167,221)
```

Complementary Color

#dd1f48
```
#dd1f48 rgb(221,31,72)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#ddb41f
```
#ddb41f rgb(221,180,31)
```

Analogous Color

#1f48dd
```
#1f48dd rgb(31,72,221)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#1fddb4
```
#1fddb4 rgb(31,221,180)
```

Split Complementary Color

#551fdd
```
#551fdd rgb(85,31,221)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#1fdd55
```
#1fdd55 rgb(31,221,85)
```

Triadic Color

#dd1fa7
```
#dd1fa7 rgb(221,31,167)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#1fdd55
```
#1fdd55 rgb(31,221,85)
```
#1fa7dd
```
#1fa7dd rgb(31,167,221)
```

Tetradic Color

#9a3b16
```
#9a3b16 rgb(154,59,22)
```
#b04419
```
#b04419 rgb(176,68,25)
```
#c74c1c
```
#c74c1c rgb(199,76,28)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#e26533
```
#e26533 rgb(226,101,51)
```
#e67649
```
#e67649 rgb(230,118,73)
```
#e98760
```
#e98760 rgb(233,135,96)
```

Monochromatic Color

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

#dd251f
```
#dd251f rgb(221,37,31)
```
#dd351f
```
#dd351f rgb(221,53,31)
```
#dd451f
```
#dd451f rgb(221,69,31)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#dd651f
```
#dd651f rgb(221,101,31)
```
#dd751f
```
#dd751f rgb(221,117,31)
```
#dd851f
```
#dd851f rgb(221,133,31)
```

Similar Colors

Text with hexadecimal color #dd551f

This text has a font color of #dd551f.

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

#dd551f background color

This paragraph has a background color of #dd551f.

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

#dd551f border color

This element has a border color of #dd551f.

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

CSS codes

.text {color:#dd551f;}

.background {background-color:#dd551f;}

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

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, #0f0602 is the darkest color, while #fffdfc is the lightest one.

#0f0602
```
#0f0602 rgb(15,6,2)
```
#200c04
```
#200c04 rgb(32,12,4)
```
#311307
```
#311307 rgb(49,19,7)
```
#421909
```
#421909 rgb(66,25,9)
```
#53200c
```
#53200c rgb(83,32,12)
```
#65270e
```
#65270e rgb(101,39,14)
```
#762d11
```
#762d11 rgb(118,45,17)
```
#873413
```
#873413 rgb(135,52,19)
```
#983b15
```
#983b15 rgb(152,59,21)
```
#a94118
```
#a94118 rgb(169,65,24)
```
#bb481a
```
#bb481a rgb(187,72,26)
```
#cc4e1d
```
#cc4e1d rgb(204,78,29)
```
#dd551f
```
#dd551f rgb(221,85,31)
```

Shade Color Variation

#e2612e
```
#e2612e rgb(226,97,46)
```
#e46e3f
```
#e46e3f rgb(228,110,63)
```
#e77b50
```
#e77b50 rgb(231,123,80)
```
#e98862
```
#e98862 rgb(233,136,98)
```
#eb9573
```
#eb9573 rgb(235,149,115)
```
#eea284
```
#eea284 rgb(238,162,132)
```
#f0af95
```
#f0af95 rgb(240,175,149)
```
#f3bca6
```
#f3bca6 rgb(243,188,166)
```
#f5c9b8
```
#f5c9b8 rgb(245,201,184)
```
#f7d6c9
```
#f7d6c9 rgb(247,214,201)
```
#fae3da
```
#fae3da rgb(250,227,218)
```
#fcf0eb
```
#fcf0eb rgb(252,240,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#867b76
```
#867b76 rgb(134,123,118)
```
#8f766d
```
#8f766d rgb(143,118,109)
```
#997263
```
#997263 rgb(153,114,99)
```
#a36e59
```
#a36e59 rgb(163,110,89)
```
#ad6a4f
```
#ad6a4f rgb(173,106,79)
```
#b66646
```
#b66646 rgb(182,102,70)
```
#c0623c
```
#c0623c rgb(192,98,60)
```
#ca5d32
```
#ca5d32 rgb(202,93,50)
```
#d35929
```
#d35929 rgb(211,89,41)
```
#dd551f
```
#dd551f rgb(221,85,31)
```
#e75115
```
#e75115 rgb(231,81,21)
```
#f04d0c
```
#f04d0c rgb(240,77,12)
```
#fa4802
```
#fa4802 rgb(250,72,2)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8c7166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968735 Protanopia 1% of men
#a98118 Deuteranopia 1% of men
#e0585d Tritanopia 0.001% of the population

Trichromacy

#b0752d Protanomaly 1% of men, 0.01% of women
#bc711b Deuteranomaly 6% of men, 0.4% of women
#df5746 Tritanomaly 0.01% of the population

#dd551f hex color

#dd551f Color Information

#dd551f Color Conversion

Color Schemes with #dd551f

Alternatives to #dd551f

#dd551f Preview

Shades and Tints of #dd551f

Tones of #dd551f

Color Blindness Simulator