#dd661d hex color

In a RGB color space, hex #dd661d is composed of 86.7% red, 40% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 86.9% yellow and 13.3% black. It has a hue angle of 22.8 degrees, a saturation of 76.8% and a lightness of 49%. #dd661d color hex could be obtained by blending #ffcc3a with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 40
- B 11
RGB color chart
- C 0
- M 54
- Y 87
- K 13
CMYK color chart

● #dd661d color description : Vivid orange.

The hexadecimal color #dd661d has RGB values of R:221, G:102, B:29 and CMYK values of C:0, M:0.54, Y:0.87, K:0.13. Its decimal value is 14509597.

Hex triplet	dd661d	`#dd661d`
RGB Decimal	221, 102, 29	`rgb(221,102,29)`
RGB Percent	86.7, 40, 11.4	`rgb(86.7%,40%,11.4%)`
CMYK	0, 54, 87, 13
HSL	22.8°, 76.8, 49	`hsl(22.8,76.8%,49%)`
HSV (or HSB)	22.8°, 86.9, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.043, 42.834, 58.634
XYZ	34.793, 24.967, 4.149
xyY	0.544, 0.391, 24.967
CIE-LCH	57.043, 72.613, 53.851
CIE-LUV	57.043, 97.999, 47.798
Hunter-Lab	49.967, 36.852, 30.053
Binary	11011101, 01100110, 00011101

#dd661d
```
#dd661d rgb(221,102,29)
```
#1d94dd
```
#1d94dd rgb(29,148,221)
```

Complementary Color

#dd1d34
```
#dd1d34 rgb(221,29,52)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#ddc61d
```
#ddc61d rgb(221,198,29)
```

Analogous Color

#1d34dd
```
#1d34dd rgb(29,52,221)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#1dddc6
```
#1dddc6 rgb(29,221,198)
```

Split Complementary Color

#661ddd
```
#661ddd rgb(102,29,221)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#1ddd66
```
#1ddd66 rgb(29,221,102)
```

Triadic Color

#dd1d94
```
#dd1d94 rgb(221,29,148)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#1ddd66
```
#1ddd66 rgb(29,221,102)
```
#1d94dd
```
#1d94dd rgb(29,148,221)
```

Tetradic Color

#994714
```
#994714 rgb(153,71,20)
```
#b05117
```
#b05117 rgb(176,81,23)
```
#c65c1a
```
#c65c1a rgb(198,92,26)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#e47430
```
#e47430 rgb(228,116,48)
```
#e78346
```
#e78346 rgb(231,131,70)
```
#ea925d
```
#ea925d rgb(234,146,93)
```

Monochromatic Color

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

#dd361d
```
#dd361d rgb(221,54,29)
```
#dd461d
```
#dd461d rgb(221,70,29)
```
#dd561d
```
#dd561d rgb(221,86,29)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#dd761d
```
#dd761d rgb(221,118,29)
```
#dd861d
```
#dd861d rgb(221,134,29)
```
#dd961d
```
#dd961d rgb(221,150,29)
```

Similar Colors

Text with hexadecimal color #dd661d

This text has a font color of #dd661d.

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

#dd661d background color

This paragraph has a background color of #dd661d.

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

#dd661d border color

This element has a border color of #dd661d.

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

CSS codes

.text {color:#dd661d;}

.background {background-color:#dd661d;}

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

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

#0d0602
```
#0d0602 rgb(13,6,2)
```
#1e0e04
```
#1e0e04 rgb(30,14,4)
```
#301606
```
#301606 rgb(48,22,6)
```
#411e09
```
#411e09 rgb(65,30,9)
```
#52260b
```
#52260b rgb(82,38,11)
```
#642e0d
```
#642e0d rgb(100,46,13)
```
#75360f
```
#75360f rgb(117,54,15)
```
#863e12
```
#863e12 rgb(134,62,18)
```
#984614
```
#984614 rgb(152,70,20)
```
#a94e16
```
#a94e16 rgb(169,78,22)
```
#ba5618
```
#ba5618 rgb(186,86,24)
```
#cc5e1b
```
#cc5e1b rgb(204,94,27)
```
#dd661d
```
#dd661d rgb(221,102,29)
```

Shade Color Variation

#e3712b
```
#e3712b rgb(227,113,43)
```
#e57c3c
```
#e57c3c rgb(229,124,60)
```
#e8884d
```
#e8884d rgb(232,136,77)
```
#ea945f
```
#ea945f rgb(234,148,95)
```
#ec9f70
```
#ec9f70 rgb(236,159,112)
```
#eeab81
```
#eeab81 rgb(238,171,129)
```
#f1b693
```
#f1b693 rgb(241,182,147)
```
#f3c2a4
```
#f3c2a4 rgb(243,194,164)
```
#f5ceb5
```
#f5ceb5 rgb(245,206,181)
```
#f8d9c7
```
#f8d9c7 rgb(248,217,199)
```
#fae5d8
```
#fae5d8 rgb(250,229,216)
```
#fcf0e9
```
#fcf0e9 rgb(252,240,233)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#867b74
```
#867b74 rgb(134,123,116)
```
#90786a
```
#90786a rgb(144,120,106)
```
#9a7660
```
#9a7660 rgb(154,118,96)
```
#a37457
```
#a37457 rgb(163,116,87)
```
#ad724d
```
#ad724d rgb(173,114,77)
```
#b76f43
```
#b76f43 rgb(183,111,67)
```
#c06d3a
```
#c06d3a rgb(192,109,58)
```
#ca6b30
```
#ca6b30 rgb(202,107,48)
```
#d36827
```
#d36827 rgb(211,104,39)
```
#dd661d
```
#dd661d rgb(221,102,29)
```
#e76413
```
#e76413 rgb(231,100,19)
```
#f0610a
```
#f0610a rgb(240,97,10)
```
#fa5f00
```
#fa5f00 rgb(250,95,0)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#937c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f31 Protanopia 1% of men
#b28819 Deuteranopia 1% of men
#e1676d Tritanopia 0.001% of the population

Trichromacy

#b58029 Protanomaly 1% of men, 0.01% of women
#c27b1a Deuteranomaly 6% of men, 0.4% of women
#df6650 Tritanomaly 0.01% of the population

#dd661d hex color

#dd661d Color Information

#dd661d Color Conversion

Color Schemes with #dd661d

Alternatives to #dd661d

#dd661d Preview

Shades and Tints of #dd661d

Tones of #dd661d

Color Blindness Simulator