#dd974f hex color

In a RGB color space, hex #dd974f is composed of 86.7% red, 59.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 64.3% yellow and 13.3% black. It has a hue angle of 30.4 degrees, a saturation of 67.6% and a lightness of 58.8%. #dd974f color hex could be obtained by blending #ffff9e with #bb2f00. Closest websafe color is: #cc9966.

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

● #dd974f color description : Soft orange.

The hexadecimal color #dd974f has RGB values of R:221, G:151, B:79 and CMYK values of C:0, M:0.32, Y:0.64, K:0.13. Its decimal value is 14522191.

Hex triplet	dd974f	`#dd974f`
RGB Decimal	221, 151, 79	`rgb(221,151,79)`
RGB Percent	86.7, 59.2, 31	`rgb(86.7%,59.2%,31%)`
CMYK	0, 32, 64, 13
HSL	30.4°, 67.6, 58.8	`hsl(30.4,67.6%,58.8%)`
HSV (or HSB)	30.4°, 64.3, 86.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.074, 19.347, 47.706
XYZ	42.297, 38.073, 12.518
xyY	0.455, 0.41, 38.073
CIE-LCH	68.074, 51.48, 67.925
CIE-LUV	68.074, 54.936, 51.382
Hunter-Lab	61.703, 14.382, 31.164
Binary	11011101, 10010111, 01001111

#dd974f
```
#dd974f rgb(221,151,79)
```
#4f95dd
```
#4f95dd rgb(79,149,221)
```

Complementary Color

#dd504f
```
#dd504f rgb(221,80,79)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#dcdd4f
```
#dcdd4f rgb(220,221,79)
```

Analogous Color

#504fdd
```
#504fdd rgb(80,79,221)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#4fdcdd
```
#4fdcdd rgb(79,220,221)
```

Split Complementary Color

#974fdd
```
#974fdd rgb(151,79,221)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#4fdd97
```
#4fdd97 rgb(79,221,151)
```

Triadic Color

#dd4f95
```
#dd4f95 rgb(221,79,149)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#4fdd97
```
#4fdd97 rgb(79,221,151)
```
#4f95dd
```
#4f95dd rgb(79,149,221)
```

Tetradic Color

#bb7124
```
#bb7124 rgb(187,113,36)
```
#d17e28
```
#d17e28 rgb(209,126,40)
```
#d98a3a
```
#d98a3a rgb(217,138,58)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#e1a464
```
#e1a464 rgb(225,164,100)
```
#e5b07a
```
#e5b07a rgb(229,176,122)
```
#e9bd8f
```
#e9bd8f rgb(233,189,143)
```

Monochromatic Color

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

#dd744f
```
#dd744f rgb(221,116,79)
```
#dd7f4f
```
#dd7f4f rgb(221,127,79)
```
#dd8b4f
```
#dd8b4f rgb(221,139,79)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#dda34f
```
#dda34f rgb(221,163,79)
```
#ddaf4f
```
#ddaf4f rgb(221,175,79)
```
#ddbb4f
```
#ddbb4f rgb(221,187,79)
```

Similar Colors

Text with hexadecimal color #dd974f

This text has a font color of #dd974f.

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

#dd974f background color

This paragraph has a background color of #dd974f.

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

#dd974f border color

This element has a border color of #dd974f.

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

CSS codes

.text {color:#dd974f;}

.background {background-color:#dd974f;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150d04
```
#150d04 rgb(21,13,4)
```
#261707
```
#261707 rgb(38,23,7)
```
#36210a
```
#36210a rgb(54,33,10)
```
#472b0e
```
#472b0e rgb(71,43,14)
```
#573411
```
#573411 rgb(87,52,17)
```
#673e14
```
#673e14 rgb(103,62,20)
```
#784817
```
#784817 rgb(120,72,23)
```
#88521a
```
#88521a rgb(136,82,26)
```
#995c1e
```
#995c1e rgb(153,92,30)
```
#a96621
```
#a96621 rgb(169,102,33)
```
#ba7024
```
#ba7024 rgb(186,112,36)
```
#ca7a27
```
#ca7a27 rgb(202,122,39)
```

Shade Color Variation

#d7842e
```
#d7842e rgb(215,132,46)
```
#da8d3f
```
#da8d3f rgb(218,141,63)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#e0a15f
```
#e0a15f rgb(224,161,95)
```
#e3aa70
```
#e3aa70 rgb(227,170,112)
```
#e7b480
```
#e7b480 rgb(231,180,128)
```
#eabe91
```
#eabe91 rgb(234,190,145)
```
#edc8a1
```
#edc8a1 rgb(237,200,161)
```
#f0d1b2
```
#f0d1b2 rgb(240,209,178)
```
#f3dbc2
```
#f3dbc2 rgb(243,219,194)
```
#f6e5d3
```
#f6e5d3 rgb(246,229,211)
```
#faeee3
```
#faeee3 rgb(250,238,227)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#9c9690
```
#9c9690 rgb(156,150,144)
```
#a49688
```
#a49688 rgb(164,150,136)
```
#ad967f
```
#ad967f rgb(173,150,127)
```
#b59677
```
#b59677 rgb(181,150,119)
```
#bd976f
```
#bd976f rgb(189,151,111)
```
#c59767
```
#c59767 rgb(197,151,103)
```
#cd975f
```
#cd975f rgb(205,151,95)
```
#d59757
```
#d59757 rgb(213,151,87)
```
#dd974f
```
#dd974f rgb(221,151,79)
```
#e59747
```
#e59747 rgb(229,151,71)
```
#ed973f
```
#ed973f rgb(237,151,63)
```
#f59737
```
#f59737 rgb(245,151,55)
```
#fd972f
```
#fd972f rgb(253,151,47)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#afa193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbaa5c Protanopia 1% of men
#d0a256 Deuteranopia 1% of men
#e4949e Tritanopia 0.001% of the population

Trichromacy

#c7a357 Protanomaly 1% of men, 0.01% of women
#d59e53 Deuteranomaly 6% of men, 0.4% of women
#e19581 Tritanomaly 0.01% of the population

#dd974f hex color

#dd974f Color Information

#dd974f Color Conversion

Color Schemes with #dd974f

Alternatives to #dd974f

#dd974f Preview

Shades and Tints of #dd974f

Tones of #dd974f

Color Blindness Simulator