#dd500f hex color

In a RGB color space, hex #dd500f is composed of 86.7% red, 31.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.8% magenta, 93.2% yellow and 13.3% black. It has a hue angle of 18.9 degrees, a saturation of 87.3% and a lightness of 46.3%. #dd500f color hex could be obtained by blending #ffa01e with #bb0000. Closest websafe color is: #cc6600.

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

● #dd500f color description : Vivid orange.

The hexadecimal color #dd500f has RGB values of R:221, G:80, B:15 and CMYK values of C:0, M:0.64, Y:0.93, K:0.13. Its decimal value is 14503951.

Hex triplet	dd500f	`#dd500f`
RGB Decimal	221, 80, 15	`rgb(221,80,15)`
RGB Percent	86.7, 31.4, 5.9	`rgb(86.7%,31.4%,5.9%)`
CMYK	0, 64, 93, 13
HSL	18.9°, 87.3, 46.3	`hsl(18.9,87.3%,46.3%)`
HSV (or HSB)	18.9°, 93.2, 86.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.111, 52.731, 60.067
XYZ	32.775, 21.148, 2.808
xyY	0.578, 0.373, 21.148
CIE-LCH	53.111, 79.929, 48.721
CIE-LUV	53.111, 115.953, 43.287
Hunter-Lab	45.987, 46.743, 28.57
Binary	11011101, 01010000, 00001111

#dd500f
```
#dd500f rgb(221,80,15)
```
#0f9cdd
```
#0f9cdd rgb(15,156,221)
```

Complementary Color

#dd0f35
```
#dd0f35 rgb(221,15,53)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#ddb70f
```
#ddb70f rgb(221,183,15)
```

Analogous Color

#0f35dd
```
#0f35dd rgb(15,53,221)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#0fddb7
```
#0fddb7 rgb(15,221,183)
```

Split Complementary Color

#500fdd
```
#500fdd rgb(80,15,221)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#0fdd50
```
#0fdd50 rgb(15,221,80)
```

Triadic Color

#dd0f9c
```
#dd0f9c rgb(221,15,156)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#0fdd50
```
#0fdd50 rgb(15,221,80)
```
#0f9cdd
```
#0f9cdd rgb(15,156,221)
```

Tetradic Color

#95360a
```
#95360a rgb(149,54,10)
```
#ad3f0c
```
#ad3f0c rgb(173,63,12)
```
#c5470d
```
#c5470d rgb(197,71,13)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#ef5b16
```
#ef5b16 rgb(239,91,22)
```
#f16c2e
```
#f16c2e rgb(241,108,46)
```
#f27c46
```
#f27c46 rgb(242,124,70)
```

Monochromatic Color

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

#dd1d0f
```
#dd1d0f rgb(221,29,15)
```
#dd2e0f
```
#dd2e0f rgb(221,46,15)
```
#dd3f0f
```
#dd3f0f rgb(221,63,15)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#dd610f
```
#dd610f rgb(221,97,15)
```
#dd720f
```
#dd720f rgb(221,114,15)
```
#dd840f
```
#dd840f rgb(221,132,15)
```

Similar Colors

Text with hexadecimal color #dd500f

This text has a font color of #dd500f.

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

#dd500f background color

This paragraph has a background color of #dd500f.

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

#dd500f border color

This element has a border color of #dd500f.

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

CSS codes

.text {color:#dd500f;}

.background {background-color:#dd500f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130701
```
#130701 rgb(19,7,1)
```
#250e03
```
#250e03 rgb(37,14,3)
```
#381404
```
#381404 rgb(56,20,4)
```
#4a1b05
```
#4a1b05 rgb(74,27,5)
```
#5c2106
```
#5c2106 rgb(92,33,6)
```
#6f2808
```
#6f2808 rgb(111,40,8)
```
#812f09
```
#812f09 rgb(129,47,9)
```
#94350a
```
#94350a rgb(148,53,10)
```
#a63c0b
```
#a63c0b rgb(166,60,11)
```
#b8430d
```
#b8430d rgb(184,67,13)
```
#cb490e
```
#cb490e rgb(203,73,14)
```
#dd500f
```
#dd500f rgb(221,80,15)
```

Shade Color Variation

#ef5711
```
#ef5711 rgb(239,87,17)
```
#f06423
```
#f06423 rgb(240,100,35)
```
#f17136
```
#f17136 rgb(241,113,54)
```
#f37e48
```
#f37e48 rgb(243,126,72)
```
#f48b5a
```
#f48b5a rgb(244,139,90)
```
#f5986d
```
#f5986d rgb(245,152,109)
```
#f6a57f
```
#f6a57f rgb(246,165,127)
```
#f8b291
```
#f8b291 rgb(248,178,145)
```
#f9bfa4
```
#f9bfa4 rgb(249,191,164)
```
#faccb6
```
#faccb6 rgb(250,204,182)
```
#fbd9c8
```
#fbd9c8 rgb(251,217,200)
```
#fde5db
```
#fde5db rgb(253,229,219)
```
#fef2ed
```
#fef2ed rgb(254,242,237)
```

Tint Color Variation

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

#797573
```
#797573 rgb(121,117,115)
```
#82716a
```
#82716a rgb(130,113,106)
```
#8b6e61
```
#8b6e61 rgb(139,110,97)
```
#946b58
```
#946b58 rgb(148,107,88)
```
#9d674f
```
#9d674f rgb(157,103,79)
```
#a76445
```
#a76445 rgb(167,100,69)
```
#b0613c
```
#b0613c rgb(176,97,60)
```
#b95d33
```
#b95d33 rgb(185,93,51)
```
#c25a2a
```
#c25a2a rgb(194,90,42)
```
#cb5721
```
#cb5721 rgb(203,87,33)
```
#d45318
```
#d45318 rgb(212,83,24)
```
#dd500f
```
#dd500f rgb(221,80,15)
```
#e64d06
```
#e64d06 rgb(230,77,6)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#886c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#958526 Protanopia 1% of men
#a67f00 Deuteranopia 1% of men
#e05358 Tritanopia 0.001% of the population

Trichromacy

#af721e Protanomaly 1% of men, 0.01% of women
#ba6d05 Deuteranomaly 6% of men, 0.4% of women
#df523d Tritanomaly 0.01% of the population

#dd500f hex color

#dd500f Color Information

#dd500f Color Conversion

Color Schemes with #dd500f

Alternatives to #dd500f

#dd500f Preview

Shades and Tints of #dd500f

Tones of #dd500f

Color Blindness Simulator