#dd6f1e hex color

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

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

● #dd6f1e color description : Vivid orange.

The hexadecimal color #dd6f1e has RGB values of R:221, G:111, B:30 and CMYK values of C:0, M:0.5, Y:0.86, K:0.13. Its decimal value is 14511902.

Hex triplet	dd6f1e	`#dd6f1e`
RGB Decimal	221, 111, 30	`rgb(221,111,30)`
RGB Percent	86.7, 43.5, 11.8	`rgb(86.7%,43.5%,11.8%)`
CMYK	0, 50, 86, 13
HSL	25.4°, 76.1, 49.2	`hsl(25.4,76.1%,49.2%)`
HSV (or HSB)	25.4°, 86.4, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.824, 38.369, 59.724
XYZ	35.739, 26.838, 4.527
xyY	0.533, 0.4, 26.838
CIE-LCH	58.824, 70.986, 57.282
CIE-LUV	58.824, 90.627, 50.609
Hunter-Lab	51.806, 32.482, 31.083
Binary	11011101, 01101111, 00011110

#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#1e8cdd
```
#1e8cdd rgb(30,140,221)
```

Complementary Color

#dd1e2d
```
#dd1e2d rgb(221,30,45)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#ddcf1e
```
#ddcf1e rgb(221,207,30)
```

Analogous Color

#1e2ddd
```
#1e2ddd rgb(30,45,221)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#1eddcf
```
#1eddcf rgb(30,221,207)
```

Split Complementary Color

#6f1edd
```
#6f1edd rgb(111,30,221)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#1edd6f
```
#1edd6f rgb(30,221,111)
```

Triadic Color

#dd1e8c
```
#dd1e8c rgb(221,30,140)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#1edd6f
```
#1edd6f rgb(30,221,111)
```
#1e8cdd
```
#1e8cdd rgb(30,140,221)
```

Tetradic Color

#9a4d15
```
#9a4d15 rgb(154,77,21)
```
#b05818
```
#b05818 rgb(176,88,24)
```
#c7641b
```
#c7641b rgb(199,100,27)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#e37d31
```
#e37d31 rgb(227,125,49)
```
#e68b48
```
#e68b48 rgb(230,139,72)
```
#e9995e
```
#e9995e rgb(233,153,94)
```

Monochromatic Color

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

#dd3f1e
```
#dd3f1e rgb(221,63,30)
```
#dd4f1e
```
#dd4f1e rgb(221,79,30)
```
#dd5f1e
```
#dd5f1e rgb(221,95,30)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#dd7f1e
```
#dd7f1e rgb(221,127,30)
```
#dd8f1e
```
#dd8f1e rgb(221,143,30)
```
#dd9f1e
```
#dd9f1e rgb(221,159,30)
```

Similar Colors

Text with hexadecimal color #dd6f1e

This text has a font color of #dd6f1e.

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

#dd6f1e background color

This paragraph has a background color of #dd6f1e.

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

#dd6f1e border color

This element has a border color of #dd6f1e.

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

CSS codes

.text {color:#dd6f1e;}

.background {background-color:#dd6f1e;}

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

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

#0e0702
```
#0e0702 rgb(14,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301807
```
#301807 rgb(48,24,7)
```
#422109
```
#422109 rgb(66,33,9)
```
#532a0b
```
#532a0b rgb(83,42,11)
```
#64320e
```
#64320e rgb(100,50,14)
```
#753b10
```
#753b10 rgb(117,59,16)
```
#874412
```
#874412 rgb(135,68,18)
```
#984c15
```
#984c15 rgb(152,76,21)
```
#a95517
```
#a95517 rgb(169,85,23)
```
#ba5e19
```
#ba5e19 rgb(186,94,25)
```
#cc661c
```
#cc661c rgb(204,102,28)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```

Shade Color Variation

#e2792c
```
#e2792c rgb(226,121,44)
```
#e5843d
```
#e5843d rgb(229,132,61)
```
#e78f4f
```
#e78f4f rgb(231,143,79)
```
#e99a60
```
#e99a60 rgb(233,154,96)
```
#eca571
```
#eca571 rgb(236,165,113)
```
#eeb083
```
#eeb083 rgb(238,176,131)
```
#f0bb94
```
#f0bb94 rgb(240,187,148)
```
#f3c6a5
```
#f3c6a5 rgb(243,198,165)
```
#f5d1b6
```
#f5d1b6 rgb(245,209,182)
```
#f7dcc8
```
#f7dcc8 rgb(247,220,200)
```
#fae7d9
```
#fae7d9 rgb(250,231,217)
```
#fcf2ea
```
#fcf2ea rgb(252,242,234)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#867c75
```
#867c75 rgb(134,124,117)
```
#907b6b
```
#907b6b rgb(144,123,107)
```
#997962
```
#997962 rgb(153,121,98)
```
#a37858
```
#a37858 rgb(163,120,88)
```
#ad764e
```
#ad764e rgb(173,118,78)
```
#b67545
```
#b67545 rgb(182,117,69)
```
#c0733b
```
#c0733b rgb(192,115,59)
```
#ca7231
```
#ca7231 rgb(202,114,49)
```
#d37028
```
#d37028 rgb(211,112,40)
```
#dd6f1e
```
#dd6f1e rgb(221,111,30)
```
#e76e14
```
#e76e14 rgb(231,110,20)
```
#f06c0b
```
#f06c0b rgb(240,108,11)
```
#fa6b01
```
#fa6b01 rgb(250,107,1)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#988272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49331 Protanopia 1% of men
#b88c1c Deuteranopia 1% of men
#e26f76 Tritanopia 0.001% of the population

Trichromacy

#b9862a Protanomaly 1% of men, 0.01% of women
#c5811d Deuteranomaly 6% of men, 0.4% of women
#e06f56 Tritanomaly 0.01% of the population

#dd6f1e hex color

#dd6f1e Color Information

#dd6f1e Color Conversion

Color Schemes with #dd6f1e

Alternatives to #dd6f1e

#dd6f1e Preview

Shades and Tints of #dd6f1e

Tones of #dd6f1e

Color Blindness Simulator