#dd581f hex color

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

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

● #dd581f color description : Vivid orange.

The hexadecimal color #dd581f has RGB values of R:221, G:88, B:31 and CMYK values of C:0, M:0.6, Y:0.86, K:0.13. Its decimal value is 14506015.

Hex triplet	dd581f	`#dd581f`
RGB Decimal	221, 88, 31	`rgb(221,88,31)`
RGB Percent	86.7, 34.5, 12.2	`rgb(86.7%,34.5%,12.2%)`
CMYK	0, 60, 86, 13
HSL	18°, 75.4, 49.4	`hsl(18,75.4%,49.4%)`
HSV (or HSB)	18°, 86, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.506, 49.486, 55.841
XYZ	33.557, 22.454, 3.863
xyY	0.56, 0.375, 22.454
CIE-LCH	54.506, 74.613, 48.453
CIE-LUV	54.506, 108.825, 43.042
Hunter-Lab	47.386, 43.484, 28.336
Binary	11011101, 01011000, 00011111

#dd581f
```
#dd581f rgb(221,88,31)
```
#1fa4dd
```
#1fa4dd rgb(31,164,221)
```

Complementary Color

#dd1f45
```
#dd1f45 rgb(221,31,69)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#ddb71f
```
#ddb71f rgb(221,183,31)
```

Analogous Color

#1f45dd
```
#1f45dd rgb(31,69,221)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#1fddb7
```
#1fddb7 rgb(31,221,183)
```

Split Complementary Color

#581fdd
```
#581fdd rgb(88,31,221)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#1fdd58
```
#1fdd58 rgb(31,221,88)
```

Triadic Color

#dd1fa4
```
#dd1fa4 rgb(221,31,164)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#1fdd58
```
#1fdd58 rgb(31,221,88)
```
#1fa4dd
```
#1fa4dd rgb(31,164,221)
```

Tetradic Color

#9a3d16
```
#9a3d16 rgb(154,61,22)
```
#b04619
```
#b04619 rgb(176,70,25)
```
#c74f1c
```
#c74f1c rgb(199,79,28)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#e26833
```
#e26833 rgb(226,104,51)
```
#e67849
```
#e67849 rgb(230,120,73)
```
#e98960
```
#e98960 rgb(233,137,96)
```

Monochromatic Color

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

#dd281f
```
#dd281f rgb(221,40,31)
```
#dd381f
```
#dd381f rgb(221,56,31)
```
#dd481f
```
#dd481f rgb(221,72,31)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#dd681f
```
#dd681f rgb(221,104,31)
```
#dd781f
```
#dd781f rgb(221,120,31)
```
#dd881f
```
#dd881f rgb(221,136,31)
```

Similar Colors

Text with hexadecimal color #dd581f

This text has a font color of #dd581f.

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

#dd581f background color

This paragraph has a background color of #dd581f.

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

#dd581f border color

This element has a border color of #dd581f.

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

CSS codes

.text {color:#dd581f;}

.background {background-color:#dd581f;}

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

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)
```
#200d04
```
#200d04 rgb(32,13,4)
```
#311407
```
#311407 rgb(49,20,7)
```
#421a09
```
#421a09 rgb(66,26,9)
```
#53210c
```
#53210c rgb(83,33,12)
```
#65280e
```
#65280e rgb(101,40,14)
```
#762f11
```
#762f11 rgb(118,47,17)
```
#873613
```
#873613 rgb(135,54,19)
```
#983d15
```
#983d15 rgb(152,61,21)
```
#a94318
```
#a94318 rgb(169,67,24)
```
#bb4a1a
```
#bb4a1a rgb(187,74,26)
```
#cc511d
```
#cc511d rgb(204,81,29)
```
#dd581f
```
#dd581f rgb(221,88,31)
```

Shade Color Variation

#e2642e
```
#e2642e rgb(226,100,46)
```
#e4713f
```
#e4713f rgb(228,113,63)
```
#e77d50
```
#e77d50 rgb(231,125,80)
```
#e98a62
```
#e98a62 rgb(233,138,98)
```
#eb9773
```
#eb9773 rgb(235,151,115)
```
#eea484
```
#eea484 rgb(238,164,132)
```
#f0b095
```
#f0b095 rgb(240,176,149)
```
#f3bda6
```
#f3bda6 rgb(243,189,166)
```
#f5cab8
```
#f5cab8 rgb(245,202,184)
```
#f7d7c9
```
#f7d7c9 rgb(247,215,201)
```
#fae4da
```
#fae4da rgb(250,228,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 #fa4c02 is the most saturated one.

#867b76
```
#867b76 rgb(134,123,118)
```
#8f776d
```
#8f776d rgb(143,119,109)
```
#997363
```
#997363 rgb(153,115,99)
```
#a36f59
```
#a36f59 rgb(163,111,89)
```
#ad6b4f
```
#ad6b4f rgb(173,107,79)
```
#b66846
```
#b66846 rgb(182,104,70)
```
#c0643c
```
#c0643c rgb(192,100,60)
```
#ca6032
```
#ca6032 rgb(202,96,50)
```
#d35c29
```
#d35c29 rgb(211,92,41)
```
#dd581f
```
#dd581f rgb(221,88,31)
```
#e75415
```
#e75415 rgb(231,84,21)
```
#f0500c
```
#f0500c rgb(240,80,12)
```
#fa4c02
```
#fa4c02 rgb(250,76,2)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#8d7267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988934 Protanopia 1% of men
#ab8219 Deuteranopia 1% of men
#e05b60 Tritanopia 0.001% of the population

Trichromacy

#b1772c Protanomaly 1% of men, 0.01% of women
#bd721b Deuteranomaly 6% of men, 0.4% of women
#df5a48 Tritanomaly 0.01% of the population

#dd581f hex color

#dd581f Color Information

#dd581f Color Conversion

Color Schemes with #dd581f

Alternatives to #dd581f

#dd581f Preview

Shades and Tints of #dd581f

Tones of #dd581f

Color Blindness Simulator