#dd983a hex color

In a RGB color space, hex #dd983a is composed of 86.7% red, 59.6% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 73.8% yellow and 13.3% black. It has a hue angle of 34.6 degrees, a saturation of 70.6% and a lightness of 54.7%. #dd983a color hex could be obtained by blending #ffff74 with #bb3100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 60
- B 23
RGB color chart
- C 0
- M 31
- Y 74
- K 13
CMYK color chart

● #dd983a color description : Bright orange.

The hexadecimal color #dd983a has RGB values of R:221, G:152, B:58 and CMYK values of C:0, M:0.31, Y:0.74, K:0.13. Its decimal value is 14522426.

Hex triplet	dd983a	`#dd983a`
RGB Decimal	221, 152, 58	`rgb(221,152,58)`
RGB Percent	86.7, 59.6, 22.7	`rgb(86.7%,59.6%,22.7%)`
CMYK	0, 31, 74, 13
HSL	34.6°, 70.6, 54.7	`hsl(34.6,70.6%,54.7%)`
HSV (or HSB)	34.6°, 73.8, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.121, 17.676, 57.396
XYZ	41.812, 38.137, 9.162
xyY	0.469, 0.428, 38.137
CIE-LCH	68.121, 60.057, 72.883
CIE-LUV	68.121, 55.732, 59.187
Hunter-Lab	61.755, 12.784, 34.432
Binary	11011101, 10011000, 00111010

#dd983a
```
#dd983a rgb(221,152,58)
```
#3a7fdd
```
#3a7fdd rgb(58,127,221)
```

Complementary Color

#dd473a
```
#dd473a rgb(221,71,58)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#d1dd3a
```
#d1dd3a rgb(209,221,58)
```

Analogous Color

#463add
```
#463add rgb(70,58,221)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#3ad1dd
```
#3ad1dd rgb(58,209,221)
```

Split Complementary Color

#983add
```
#983add rgb(152,58,221)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#3add98
```
#3add98 rgb(58,221,152)
```

Triadic Color

#dd3a7f
```
#dd3a7f rgb(221,58,127)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#3add98
```
#3add98 rgb(58,221,152)
```
#3a7fdd
```
#3a7fdd rgb(58,127,221)
```

Tetradic Color

#ad701e
```
#ad701e rgb(173,112,30)
```
#c27e22
```
#c27e22 rgb(194,126,34)
```
#d88c25
```
#d88c25 rgb(216,140,37)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#e1a350
```
#e1a350 rgb(225,163,80)
```
#e5af65
```
#e5af65 rgb(229,175,101)
```
#e8ba7b
```
#e8ba7b rgb(232,186,123)
```

Monochromatic Color

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

#dd6f3a
```
#dd6f3a rgb(221,111,58)
```
#dd7d3a
```
#dd7d3a rgb(221,125,58)
```
#dd8a3a
```
#dd8a3a rgb(221,138,58)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#dda63a
```
#dda63a rgb(221,166,58)
```
#ddb33a
```
#ddb33a rgb(221,179,58)
```
#ddc13a
```
#ddc13a rgb(221,193,58)
```

Similar Colors

Text with hexadecimal color #dd983a

This text has a font color of #dd983a.

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

#dd983a background color

This paragraph has a background color of #dd983a.

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

#dd983a border color

This element has a border color of #dd983a.

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

CSS codes

.text {color:#dd983a;}

.background {background-color:#dd983a;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140d04
```
#140d04 rgb(20,13,4)
```
#251806
```
#251806 rgb(37,24,6)
```
#362309
```
#362309 rgb(54,35,9)
```
#472e0c
```
#472e0c rgb(71,46,12)
```
#57390f
```
#57390f rgb(87,57,15)
```
#684412
```
#684412 rgb(104,68,18)
```
#794f15
```
#794f15 rgb(121,79,21)
```
#8a5918
```
#8a5918 rgb(138,89,24)
```
#9a641b
```
#9a641b rgb(154,100,27)
```
#ab6f1e
```
#ab6f1e rgb(171,111,30)
```
#bc7a20
```
#bc7a20 rgb(188,122,32)
```
#cc8523
```
#cc8523 rgb(204,133,35)
```

Shade Color Variation

#da8f29
```
#da8f29 rgb(218,143,41)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#e0a14b
```
#e0a14b rgb(224,161,75)
```
#e3a95b
```
#e3a95b rgb(227,169,91)
```
#e6b26c
```
#e6b26c rgb(230,178,108)
```
#e9bb7d
```
#e9bb7d rgb(233,187,125)
```
#ebc48e
```
#ebc48e rgb(235,196,142)
```
#eecc9e
```
#eecc9e rgb(238,204,158)
```
#f1d5af
```
#f1d5af rgb(241,213,175)
```
#f4dec0
```
#f4dec0 rgb(244,222,192)
```
#f7e7d1
```
#f7e7d1 rgb(247,231,209)
```
#faefe1
```
#faefe1 rgb(250,239,225)
```
#fdf8f2
```
#fdf8f2 rgb(253,248,242)
```

Tint Color Variation

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

#8d8c8a
```
#8d8c8a rgb(141,140,138)
```
#968d81
```
#968d81 rgb(150,141,129)
```
#9f8e78
```
#9f8e78 rgb(159,142,120)
```
#a8906f
```
#a8906f rgb(168,144,111)
```
#b19166
```
#b19166 rgb(177,145,102)
```
#b9935e
```
#b9935e rgb(185,147,94)
```
#c29455
```
#c29455 rgb(194,148,85)
```
#cb954c
```
#cb954c rgb(203,149,76)
```
#d49743
```
#d49743 rgb(212,151,67)
```
#dd983a
```
#dd983a rgb(221,152,58)
```
#e69931
```
#e69931 rgb(230,153,49)
```
#ef9b28
```
#ef9b28 rgb(239,155,40)
```
#f89c1f
```
#f89c1f rgb(248,156,31)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#aea08d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa48 Protanopia 1% of men
#d3a242 Deuteranopia 1% of men
#e4949e Tritanopia 0.001% of the population

Trichromacy

#c8a442 Protanomaly 1% of men, 0.01% of women
#d69e3f Deuteranomaly 6% of men, 0.4% of women
#e29579 Tritanomaly 0.01% of the population

#dd983a hex color

#dd983a Color Information

#dd983a Color Conversion

Color Schemes with #dd983a

Alternatives to #dd983a

#dd983a Preview

Shades and Tints of #dd983a

Tones of #dd983a

Color Blindness Simulator