#dd501e hex color

In a RGB color space, hex #dd501e is composed of 86.7% red, 31.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.8% magenta, 86.4% yellow and 13.3% black. It has a hue angle of 15.7 degrees, a saturation of 76.1% and a lightness of 49.2%. #dd501e color hex could be obtained by blending #ffa03c with #bb0000. Closest websafe color is: #cc6633.

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

● #dd501e color description : Vivid orange.

The hexadecimal color #dd501e has RGB values of R:221, G:80, B:30 and CMYK values of C:0, M:0.64, Y:0.86, K:0.13. Its decimal value is 14503966.

Hex triplet	dd501e	`#dd501e`
RGB Decimal	221, 80, 30	`rgb(221,80,30)`
RGB Percent	86.7, 31.4, 11.8	`rgb(86.7%,31.4%,11.8%)`
CMYK	0, 64, 86, 13
HSL	15.7°, 76.1, 49.2	`hsl(15.7,76.1%,49.2%)`
HSV (or HSB)	15.7°, 86.4, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.175, 52.98, 55.148
XYZ	32.923, 21.207, 3.588
xyY	0.57, 0.367, 21.207
CIE-LCH	53.175, 76.473, 46.148
CIE-LUV	53.175, 114.866, 40.932
Hunter-Lab	46.051, 47.026, 27.616
Binary	11011101, 01010000, 00011110

#dd501e
```
#dd501e rgb(221,80,30)
```
#1eabdd
```
#1eabdd rgb(30,171,221)
```

Complementary Color

#dd1e4c
```
#dd1e4c rgb(221,30,76)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#ddb01e
```
#ddb01e rgb(221,176,30)
```

Analogous Color

#1e4cdd
```
#1e4cdd rgb(30,76,221)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#1eddb0
```
#1eddb0 rgb(30,221,176)
```

Split Complementary Color

#501edd
```
#501edd rgb(80,30,221)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#1edd50
```
#1edd50 rgb(30,221,80)
```

Triadic Color

#dd1eab
```
#dd1eab rgb(221,30,171)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#1edd50
```
#1edd50 rgb(30,221,80)
```
#1eabdd
```
#1eabdd rgb(30,171,221)
```

Tetradic Color

#9a3815
```
#9a3815 rgb(154,56,21)
```
#b04018
```
#b04018 rgb(176,64,24)
```
#c7481b
```
#c7481b rgb(199,72,27)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#e36031
```
#e36031 rgb(227,96,49)
```
#e67148
```
#e67148 rgb(230,113,72)
```
#e9835e
```
#e9835e rgb(233,131,94)
```

Monochromatic Color

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

#dd201e
```
#dd201e rgb(221,32,30)
```
#dd301e
```
#dd301e rgb(221,48,30)
```
#dd401e
```
#dd401e rgb(221,64,30)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#dd601e
```
#dd601e rgb(221,96,30)
```
#dd701e
```
#dd701e rgb(221,112,30)
```
#dd801e
```
#dd801e rgb(221,128,30)
```

Similar Colors

Text with hexadecimal color #dd501e

This text has a font color of #dd501e.

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

#dd501e background color

This paragraph has a background color of #dd501e.

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

#dd501e border color

This element has a border color of #dd501e.

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

CSS codes

.text {color:#dd501e;}

.background {background-color:#dd501e;}

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

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

#0e0502
```
#0e0502 rgb(14,5,2)
```
#1f0b04
```
#1f0b04 rgb(31,11,4)
```
#301107
```
#301107 rgb(48,17,7)
```
#421809
```
#421809 rgb(66,24,9)
```
#531e0b
```
#531e0b rgb(83,30,11)
```
#64240e
```
#64240e rgb(100,36,14)
```
#752a10
```
#752a10 rgb(117,42,16)
```
#873112
```
#873112 rgb(135,49,18)
```
#983715
```
#983715 rgb(152,55,21)
```
#a93d17
```
#a93d17 rgb(169,61,23)
```
#ba4319
```
#ba4319 rgb(186,67,25)
```
#cc4a1c
```
#cc4a1c rgb(204,74,28)
```
#dd501e
```
#dd501e rgb(221,80,30)
```

Shade Color Variation

#e25c2c
```
#e25c2c rgb(226,92,44)
```
#e5693d
```
#e5693d rgb(229,105,61)
```
#e7774f
```
#e7774f rgb(231,119,79)
```
#e98460
```
#e98460 rgb(233,132,96)
```
#ec9171
```
#ec9171 rgb(236,145,113)
```
#ee9f83
```
#ee9f83 rgb(238,159,131)
```
#f0ac94
```
#f0ac94 rgb(240,172,148)
```
#f3b9a5
```
#f3b9a5 rgb(243,185,165)
```
#f5c7b6
```
#f5c7b6 rgb(245,199,182)
```
#f7d4c8
```
#f7d4c8 rgb(247,212,200)
```
#fae2d9
```
#fae2d9 rgb(250,226,217)
```
#fcefea
```
#fcefea rgb(252,239,234)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#867975
```
#867975 rgb(134,121,117)
```
#90756b
```
#90756b rgb(144,117,107)
```
#997062
```
#997062 rgb(153,112,98)
```
#a36c58
```
#a36c58 rgb(163,108,88)
```
#ad674e
```
#ad674e rgb(173,103,78)
```
#b66245
```
#b66245 rgb(182,98,69)
```
#c05e3b
```
#c05e3b rgb(192,94,59)
```
#ca5931
```
#ca5931 rgb(202,89,49)
```
#d35528
```
#d35528 rgb(211,85,40)
```
#dd501e
```
#dd501e rgb(221,80,30)
```
#e74b14
```
#e74b14 rgb(231,75,20)
```
#f0470b
```
#f0470b rgb(240,71,11)
```
#fa4201
```
#fa4201 rgb(250,66,1)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#896d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948534 Protanopia 1% of men
#a77f16 Deuteranopia 1% of men
#e05458 Tritanopia 0.001% of the population

Trichromacy

#ae722c Protanomaly 1% of men, 0.01% of women
#ba6e18 Deuteranomaly 6% of men, 0.4% of women
#df5243 Tritanomaly 0.01% of the population

#dd501e hex color

#dd501e Color Information

#dd501e Color Conversion

Color Schemes with #dd501e

Alternatives to #dd501e

#dd501e Preview

Shades and Tints of #dd501e

Tones of #dd501e

Color Blindness Simulator