#dd6f3f hex color

In a RGB color space, hex #dd6f3f is composed of 86.7% red, 43.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 71.5% yellow and 13.3% black. It has a hue angle of 18.2 degrees, a saturation of 69.9% and a lightness of 55.7%. #dd6f3f color hex could be obtained by blending #ffde7e with #bb0000. Closest websafe color is: #cc6633.

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

● #dd6f3f color description : Bright orange.

The hexadecimal color #dd6f3f has RGB values of R:221, G:111, B:63 and CMYK values of C:0, M:0.5, Y:0.71, K:0.13. Its decimal value is 14511935.

Hex triplet	dd6f3f	`#dd6f3f`
RGB Decimal	221, 111, 63	`rgb(221,111,63)`
RGB Percent	86.7, 43.5, 24.7	`rgb(86.7%,43.5%,24.7%)`
CMYK	0, 50, 71, 13
HSL	18.2°, 69.9, 55.7	`hsl(18.2,69.9%,55.7%)`
HSV (or HSB)	18.2°, 71.5, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.07, 39.527, 45.605
XYZ	36.402, 27.103, 8.017
xyY	0.509, 0.379, 27.103
CIE-LCH	59.07, 60.351, 49.083
CIE-LUV	59.07, 87.504, 41.463
Hunter-Lab	52.061, 33.704, 27.312
Binary	11011101, 01101111, 00111111

#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#3faddd
```
#3faddd rgb(63,173,221)
```

Complementary Color

#dd3f5e
```
#dd3f5e rgb(221,63,94)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#ddbe3f
```
#ddbe3f rgb(221,190,63)
```

Analogous Color

#3f5edd
```
#3f5edd rgb(63,94,221)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#3fddbe
```
#3fddbe rgb(63,221,190)
```

Split Complementary Color

#6f3fdd
```
#6f3fdd rgb(111,63,221)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#3fdd6f
```
#3fdd6f rgb(63,221,111)
```

Triadic Color

#dd3fad
```
#dd3fad rgb(221,63,173)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#3fdd6f
```
#3fdd6f rgb(63,221,111)
```
#3faddd
```
#3faddd rgb(63,173,221)
```

Tetradic Color

#b04b1f
```
#b04b1f rgb(176,75,31)
```
#c65523
```
#c65523 rgb(198,85,35)
```
#d95f29
```
#d95f29 rgb(217,95,41)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#e17f55
```
#e17f55 rgb(225,127,85)
```
#e58f6a
```
#e58f6a rgb(229,143,106)
```
#e9a080
```
#e9a080 rgb(233,160,128)
```

Monochromatic Color

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

#dd483f
```
#dd483f rgb(221,72,63)
```
#dd553f
```
#dd553f rgb(221,85,63)
```
#dd623f
```
#dd623f rgb(221,98,63)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#dd7c3f
```
#dd7c3f rgb(221,124,63)
```
#dd893f
```
#dd893f rgb(221,137,63)
```
#dd973f
```
#dd973f rgb(221,151,63)
```

Similar Colors

Text with hexadecimal color #dd6f3f

This text has a font color of #dd6f3f.

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

#dd6f3f background color

This paragraph has a background color of #dd6f3f.

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

#dd6f3f border color

This element has a border color of #dd6f3f.

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

CSS codes

.text {color:#dd6f3f;}

.background {background-color:#dd6f3f;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#190b04
```
#190b04 rgb(25,11,4)
```
#291207
```
#291207 rgb(41,18,7)
```
#3a190a
```
#3a190a rgb(58,25,10)
```
#4b200d
```
#4b200d rgb(75,32,13)
```
#5b2710
```
#5b2710 rgb(91,39,16)
```
#6c2e13
```
#6c2e13 rgb(108,46,19)
```
#7d3516
```
#7d3516 rgb(125,53,22)
```
#8d3c19
```
#8d3c19 rgb(141,60,25)
```
#9e431c
```
#9e431c rgb(158,67,28)
```
#af4b1f
```
#af4b1f rgb(175,75,31)
```
#bf5222
```
#bf5222 rgb(191,82,34)
```
#d05925
```
#d05925 rgb(208,89,37)
```

Shade Color Variation

#da632e
```
#da632e rgb(218,99,46)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#e07b50
```
#e07b50 rgb(224,123,80)
```
#e38860
```
#e38860 rgb(227,136,96)
```
#e69471
```
#e69471 rgb(230,148,113)
```
#e9a182
```
#e9a182 rgb(233,161,130)
```
#ecad92
```
#ecad92 rgb(236,173,146)
```
#efbaa3
```
#efbaa3 rgb(239,186,163)
```
#f2c6b4
```
#f2c6b4 rgb(242,198,180)
```
#f5d3c4
```
#f5d3c4 rgb(245,211,196)
```
#f8dfd5
```
#f8dfd5 rgb(248,223,213)
```
#fbece6
```
#fbece6 rgb(251,236,230)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#8f8e8d
```
#8f8e8d rgb(143,142,141)
```
#978a85
```
#978a85 rgb(151,138,133)
```
#a0877c
```
#a0877c rgb(160,135,124)
```
#a98373
```
#a98373 rgb(169,131,115)
```
#b2806a
```
#b2806a rgb(178,128,106)
```
#ba7d62
```
#ba7d62 rgb(186,125,98)
```
#c37959
```
#c37959 rgb(195,121,89)
```
#cc7650
```
#cc7650 rgb(204,118,80)
```
#d47248
```
#d47248 rgb(212,114,72)
```
#dd6f3f
```
#dd6f3f rgb(221,111,63)
```
#e66c36
```
#e66c36 rgb(230,108,54)
```
#ee682e
```
#ee682e rgb(238,104,46)
```
#f76525
```
#f76525 rgb(247,101,37)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9b857b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29452 Protanopia 1% of men
#b68d42 Deuteranopia 1% of men
#e17077 Tritanopia 0.001% of the population

Trichromacy

#b7864b Protanomaly 1% of men, 0.01% of women
#c48241 Deuteranomaly 6% of men, 0.4% of women
#df7063 Tritanomaly 0.01% of the population

#dd6f3f hex color

#dd6f3f Color Information

#dd6f3f Color Conversion

Color Schemes with #dd6f3f

Alternatives to #dd6f3f

#dd6f3f Preview

Shades and Tints of #dd6f3f

Tones of #dd6f3f

Color Blindness Simulator