#ddaa2a hex color

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

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

● #ddaa2a color description : Bright orange.

The hexadecimal color #ddaa2a has RGB values of R:221, G:170, B:42 and CMYK values of C:0, M:0.23, Y:0.81, K:0.13. Its decimal value is 14527018.

Hex triplet	ddaa2a	`#ddaa2a`
RGB Decimal	221, 170, 42	`rgb(221,170,42)`
RGB Percent	86.7, 66.7, 16.5	`rgb(86.7%,66.7%,16.5%)`
CMYK	0, 23, 81, 13
HSL	42.9°, 72.5, 51.6	`hsl(42.9,72.5%,51.6%)`
HSV (or HSB)	42.9°, 81, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.423, 7.443, 67.347
XYZ	44.612, 44.291, 8.39
xyY	0.459, 0.455, 44.291
CIE-LCH	72.423, 67.757, 83.693
CIE-LUV	72.423, 42.584, 70.267
Hunter-Lab	66.552, 3.191, 39.112
Binary	11011101, 10101010, 00101010

#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#2a5ddd
```
#2a5ddd rgb(42,93,221)
```

Complementary Color

#dd512a
```
#dd512a rgb(221,81,42)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#b7dd2a
```
#b7dd2a rgb(183,221,42)
```

Analogous Color

#512add
```
#512add rgb(81,42,221)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#2ab7dd
```
#2ab7dd rgb(42,183,221)
```

Split Complementary Color

#aa2add
```
#aa2add rgb(170,42,221)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#2addaa
```
#2addaa rgb(42,221,170)
```

Triadic Color

#dd2a5d
```
#dd2a5d rgb(221,42,93)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#2addaa
```
#2addaa rgb(42,221,170)
```
#2a5ddd
```
#2a5ddd rgb(42,93,221)
```

Tetradic Color

#a17a1a
```
#a17a1a rgb(161,122,26)
```
#b78b1d
```
#b78b1d rgb(183,139,29)
```
#cd9c21
```
#cd9c21 rgb(205,156,33)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#e1b340
```
#e1b340 rgb(225,179,64)
```
#e4bc56
```
#e4bc56 rgb(228,188,86)
```
#e8c46c
```
#e8c46c rgb(232,196,108)
```

Monochromatic Color

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

#dd7d2a
```
#dd7d2a rgb(221,125,42)
```
#dd8c2a
```
#dd8c2a rgb(221,140,42)
```
#dd9b2a
```
#dd9b2a rgb(221,155,42)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#ddb92a
```
#ddb92a rgb(221,185,42)
```
#ddc82a
```
#ddc82a rgb(221,200,42)
```
#ddd72a
```
#ddd72a rgb(221,215,42)
```

Similar Colors

Text with hexadecimal color #ddaa2a

This text has a font color of #ddaa2a.

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

#ddaa2a background color

This paragraph has a background color of #ddaa2a.

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

#ddaa2a border color

This element has a border color of #ddaa2a.

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

CSS codes

.text {color:#ddaa2a;}

.background {background-color:#ddaa2a;}

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

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 #fdfbf5 is the lightest one.

#070501
```
#070501 rgb(7,5,1)
```
#181204
```
#181204 rgb(24,18,4)
```
#291f07
```
#291f07 rgb(41,31,7)
```
#3a2c09
```
#3a2c09 rgb(58,44,9)
```
#4b390c
```
#4b390c rgb(75,57,12)
```
#5b460f
```
#5b460f rgb(91,70,15)
```
#6c5211
```
#6c5211 rgb(108,82,17)
```
#7d5f14
```
#7d5f14 rgb(125,95,20)
```
#8e6c17
```
#8e6c17 rgb(142,108,23)
```
#9f7919
```
#9f7919 rgb(159,121,25)
```
#b0861c
```
#b0861c rgb(176,134,28)
```
#c1931f
```
#c1931f rgb(193,147,31)
```
#d2a022
```
#d2a022 rgb(210,160,34)
```

Shade Color Variation

#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#e0b13b
```
#e0b13b rgb(224,177,59)
```
#e2b84c
```
#e2b84c rgb(226,184,76)
```
#e5be5d
```
#e5be5d rgb(229,190,93)
```
#e8c56e
```
#e8c56e rgb(232,197,110)
```
#ebcc7f
```
#ebcc7f rgb(235,204,127)
```
#edd38f
```
#edd38f rgb(237,211,143)
```
#f0d9a0
```
#f0d9a0 rgb(240,217,160)
```
#f3e0b1
```
#f3e0b1 rgb(243,224,177)
```
#f5e7c2
```
#f5e7c2 rgb(245,231,194)
```
#f8eed3
```
#f8eed3 rgb(248,238,211)
```
#fbf4e4
```
#fbf4e4 rgb(251,244,228)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#888580
```
#888580 rgb(136,133,128)
```
#918976
```
#918976 rgb(145,137,118)
```
#9b8d6d
```
#9b8d6d rgb(155,141,109)
```
#a49163
```
#a49163 rgb(164,145,99)
```
#ae965a
```
#ae965a rgb(174,150,90)
```
#b79a50
```
#b79a50 rgb(183,154,80)
```
#c19e47
```
#c19e47 rgb(193,158,71)
```
#caa23d
```
#caa23d rgb(202,162,61)
```
#d4a634
```
#d4a634 rgb(212,166,52)
```
#ddaa2a
```
#ddaa2a rgb(221,170,42)
```
#e7ae21
```
#e7ae21 rgb(231,174,33)
```
#f0b217
```
#f0b217 rgb(240,178,23)
```
#fab60e
```
#fab60e rgb(250,182,14)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b5ab91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab537 Protanopia 1% of men
#e1ad35 Deuteranopia 1% of men
#e7a3ae Tritanopia 0.001% of the population

Trichromacy

#d1b132 Protanomaly 1% of men, 0.01% of women
#e0ab31 Deuteranomaly 6% of men, 0.4% of women
#e3a57e Tritanomaly 0.01% of the population

#ddaa2a hex color

#ddaa2a Color Information

#ddaa2a Color Conversion

Color Schemes with #ddaa2a

Alternatives to #ddaa2a

#ddaa2a Preview

Shades and Tints of #ddaa2a

Tones of #ddaa2a

Color Blindness Simulator