#dd972a hex color

In a RGB color space, hex #dd972a is composed of 86.7% red, 59.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.7% magenta, 81% yellow and 13.3% black. It has a hue angle of 36.5 degrees, a saturation of 72.5% and a lightness of 51.6%. #dd972a color hex could be obtained by blending #ffff54 with #bb2f00. Closest websafe color is: #cc9933.

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

● #dd972a color description : Bright orange.

The hexadecimal color #dd972a has RGB values of R:221, G:151, B:42 and CMYK values of C:0, M:0.32, Y:0.81, K:0.13. Its decimal value is 14522154.

Hex triplet	dd972a	`#dd972a`
RGB Decimal	221, 151, 42	`rgb(221,151,42)`
RGB Percent	86.7, 59.2, 16.5	`rgb(86.7%,59.2%,16.5%)`
CMYK	0, 32, 81, 13
HSL	36.5°, 72.5, 51.6	`hsl(36.5,72.5%,51.6%)`
HSV (or HSB)	36.5°, 81, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.781, 17.6, 63.248
XYZ	41.304, 37.675, 7.287
xyY	0.479, 0.437, 37.675
CIE-LCH	67.781, 65.652, 74.449
CIE-LUV	67.781, 57.382, 62.863
Hunter-Lab	61.38, 12.702, 35.927
Binary	11011101, 10010111, 00101010

#dd972a
```
#dd972a rgb(221,151,42)
```
#2a70dd
```
#2a70dd rgb(42,112,221)
```

Complementary Color

#dd3e2a
```
#dd3e2a rgb(221,62,42)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#cadd2a
```
#cadd2a rgb(202,221,42)
```

Analogous Color

#3e2add
```
#3e2add rgb(62,42,221)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#2acadd
```
#2acadd rgb(42,202,221)
```

Split Complementary Color

#972add
```
#972add rgb(151,42,221)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#2add97
```
#2add97 rgb(42,221,151)
```

Triadic Color

#dd2a70
```
#dd2a70 rgb(221,42,112)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#2add97
```
#2add97 rgb(42,221,151)
```
#2a70dd
```
#2a70dd rgb(42,112,221)
```

Tetradic Color

#a16c1a
```
#a16c1a rgb(161,108,26)
```
#b77b1d
```
#b77b1d rgb(183,123,29)
```
#cd8a21
```
#cd8a21 rgb(205,138,33)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#e1a240
```
#e1a240 rgb(225,162,64)
```
#e4ac56
```
#e4ac56 rgb(228,172,86)
```
#e8b76c
```
#e8b76c rgb(232,183,108)
```

Monochromatic Color

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

#dd6a2a
```
#dd6a2a rgb(221,106,42)
```
#dd792a
```
#dd792a rgb(221,121,42)
```
#dd882a
```
#dd882a rgb(221,136,42)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#dda62a
```
#dda62a rgb(221,166,42)
```
#ddb52a
```
#ddb52a rgb(221,181,42)
```
#ddc42a
```
#ddc42a rgb(221,196,42)
```

Similar Colors

Text with hexadecimal color #dd972a

This text has a font color of #dd972a.

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

#dd972a background color

This paragraph has a background color of #dd972a.

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

#dd972a border color

This element has a border color of #dd972a.

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

CSS codes

.text {color:#dd972a;}

.background {background-color:#dd972a;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181004
```
#181004 rgb(24,16,4)
```
#291b07
```
#291b07 rgb(41,27,7)
```
#3a2709
```
#3a2709 rgb(58,39,9)
```
#4b320c
```
#4b320c rgb(75,50,12)
```
#5b3d0f
```
#5b3d0f rgb(91,61,15)
```
#6c4911
```
#6c4911 rgb(108,73,17)
```
#7d5414
```
#7d5414 rgb(125,84,20)
```
#8e5f17
```
#8e5f17 rgb(142,95,23)
```
#9f6b19
```
#9f6b19 rgb(159,107,25)
```
#b0761c
```
#b0761c rgb(176,118,28)
```
#c1821f
```
#c1821f rgb(193,130,31)
```
#d28d22
```
#d28d22 rgb(210,141,34)
```

Shade Color Variation

#dd972a
```
#dd972a rgb(221,151,42)
```
#e09f3b
```
#e09f3b rgb(224,159,59)
```
#e2a84c
```
#e2a84c rgb(226,168,76)
```
#e5b05d
```
#e5b05d rgb(229,176,93)
```
#e8b86e
```
#e8b86e rgb(232,184,110)
```
#ebc07f
```
#ebc07f rgb(235,192,127)
```
#edc98f
```
#edc98f rgb(237,201,143)
```
#f0d1a0
```
#f0d1a0 rgb(240,209,160)
```
#f3d9b1
```
#f3d9b1 rgb(243,217,177)
```
#f5e1c2
```
#f5e1c2 rgb(245,225,194)
```
#f8ead3
```
#f8ead3 rgb(248,234,211)
```
#fbf2e4
```
#fbf2e4 rgb(251,242,228)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#888480
```
#888480 rgb(136,132,128)
```
#918676
```
#918676 rgb(145,134,118)
```
#9b896d
```
#9b896d rgb(155,137,109)
```
#a48b63
```
#a48b63 rgb(164,139,99)
```
#ae8d5a
```
#ae8d5a rgb(174,141,90)
```
#b78f50
```
#b78f50 rgb(183,143,80)
```
#c19147
```
#c19147 rgb(193,145,71)
```
#ca933d
```
#ca933d rgb(202,147,61)
```
#d49534
```
#d49534 rgb(212,149,52)
```
#dd972a
```
#dd972a rgb(221,151,42)
```
#e79921
```
#e79921 rgb(231,153,33)
```
#f09b17
```
#f09b17 rgb(240,155,23)
```
#fa9d0e
```
#fa9d0e rgb(250,157,14)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#ac9e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa38 Protanopia 1% of men
#d3a132 Deuteranopia 1% of men
#e5929c Tritanopia 0.001% of the population

Trichromacy

#c8a333 Protanomaly 1% of men, 0.01% of women
#d69d2f Deuteranomaly 6% of men, 0.4% of women
#e29472 Tritanomaly 0.01% of the population

#dd972a hex color

#dd972a Color Information

#dd972a Color Conversion

Color Schemes with #dd972a

Alternatives to #dd972a

#dd972a Preview

Shades and Tints of #dd972a

Tones of #dd972a

Color Blindness Simulator