#ddaa24 hex color

In a RGB color space, hex #ddaa24 is composed of 86.7% red, 66.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 83.7% yellow and 13.3% black. It has a hue angle of 43.5 degrees, a saturation of 73.1% and a lightness of 50.4%. #ddaa24 color hex could be obtained by blending #ffff48 with #bb5500. Closest websafe color is: #cc9933.

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

● #ddaa24 color description : Bright orange.

The hexadecimal color #ddaa24 has RGB values of R:221, G:170, B:36 and CMYK values of C:0, M:0.23, Y:0.84, K:0.13. Its decimal value is 14527012.

Hex triplet	ddaa24	`#ddaa24`
RGB Decimal	221, 170, 36	`rgb(221,170,36)`
RGB Percent	86.7, 66.7, 14.1	`rgb(86.7%,66.7%,14.1%)`
CMYK	0, 23, 84, 13
HSL	43.5°, 73.1, 50.4	`hsl(43.5,73.1%,50.4%)`
HSV (or HSB)	43.5°, 83.7, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.396, 7.268, 69.111
XYZ	44.513, 44.251, 7.866
xyY	0.461, 0.458, 44.251
CIE-LCH	72.396, 69.492, 83.996
CIE-LUV	72.396, 42.765, 71.364
Hunter-Lab	66.522, 3.03, 39.554
Binary	11011101, 10101010, 00100100

#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#2457dd
```
#2457dd rgb(36,87,221)
```

Complementary Color

#dd4e24
```
#dd4e24 rgb(221,78,36)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#b4dd24
```
#b4dd24 rgb(180,221,36)
```

Analogous Color

#4e24dd
```
#4e24dd rgb(78,36,221)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#24b4dd
```
#24b4dd rgb(36,180,221)
```

Split Complementary Color

#aa24dd
```
#aa24dd rgb(170,36,221)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#24ddaa
```
#24ddaa rgb(36,221,170)
```

Triadic Color

#dd2457
```
#dd2457 rgb(221,36,87)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#24ddaa
```
#24ddaa rgb(36,221,170)
```
#2457dd
```
#2457dd rgb(36,87,221)
```

Tetradic Color

#9c7818
```
#9c7818 rgb(156,120,24)
```
#b2891c
```
#b2891c rgb(178,137,28)
```
#c89a1f
```
#c89a1f rgb(200,154,31)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#e0b33a
```
#e0b33a rgb(224,179,58)
```
#e4bb50
```
#e4bb50 rgb(228,187,80)
```
#e7c466
```
#e7c466 rgb(231,196,102)
```

Monochromatic Color

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

#dd7c24
```
#dd7c24 rgb(221,124,36)
```
#dd8b24
```
#dd8b24 rgb(221,139,36)
```
#dd9b24
```
#dd9b24 rgb(221,155,36)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#ddb924
```
#ddb924 rgb(221,185,36)
```
#ddc924
```
#ddc924 rgb(221,201,36)
```
#ddd824
```
#ddd824 rgb(221,216,36)
```

Similar Colors

Text with hexadecimal color #ddaa24

This text has a font color of #ddaa24.

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

#ddaa24 background color

This paragraph has a background color of #ddaa24.

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

#ddaa24 border color

This element has a border color of #ddaa24.

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

CSS codes

.text {color:#ddaa24;}

.background {background-color:#ddaa24;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130e03
```
#130e03 rgb(19,14,3)
```
#241b06
```
#241b06 rgb(36,27,6)
```
#352808
```
#352808 rgb(53,40,8)
```
#46350b
```
#46350b rgb(70,53,11)
```
#57420d
```
#57420d rgb(87,66,13)
```
#684f10
```
#684f10 rgb(104,79,16)
```
#795d13
```
#795d13 rgb(121,93,19)
```
#8a6a15
```
#8a6a15 rgb(138,106,21)
```
#9b7718
```
#9b7718 rgb(155,119,24)
```
#ac841b
```
#ac841b rgb(172,132,27)
```
#bd911d
```
#bd911d rgb(189,145,29)
```
#cd9e20
```
#cd9e20 rgb(205,158,32)
```

Shade Color Variation

#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#e0b135
```
#e0b135 rgb(224,177,53)
```
#e2b746
```
#e2b746 rgb(226,183,70)
```
#e5be57
```
#e5be57 rgb(229,190,87)
```
#e8c468
```
#e8c468 rgb(232,196,104)
```
#eacb79
```
#eacb79 rgb(234,203,121)
```
#edd28a
```
#edd28a rgb(237,210,138)
```
#efd89b
```
#efd89b rgb(239,216,155)
```
#f2dfac
```
#f2dfac rgb(242,223,172)
```
#f5e5bd
```
#f5e5bd rgb(245,229,189)
```
#f7ecce
```
#f7ecce rgb(247,236,206)
```
#faf2df
```
#faf2df rgb(250,242,223)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#85837c
```
#85837c rgb(133,131,124)
```
#8f8772
```
#8f8772 rgb(143,135,114)
```
#998b68
```
#998b68 rgb(153,139,104)
```
#a3905e
```
#a3905e rgb(163,144,94)
```
#ac9455
```
#ac9455 rgb(172,148,85)
```
#b6994b
```
#b6994b rgb(182,153,75)
```
#c09d41
```
#c09d41 rgb(192,157,65)
```
#caa137
```
#caa137 rgb(202,161,55)
```
#d3a62e
```
#d3a62e rgb(211,166,46)
```
#ddaa24
```
#ddaa24 rgb(221,170,36)
```
#e7ae1a
```
#e7ae1a rgb(231,174,26)
```
#f0b311
```
#f0b311 rgb(240,179,17)
```
#fab707
```
#fab707 rgb(250,183,7)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b4aa8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb531 Protanopia 1% of men
#e2ac30 Deuteranopia 1% of men
#e7a3ae Tritanopia 0.001% of the population

Trichromacy

#d1b12c Protanomaly 1% of men, 0.01% of women
#e0ab2b Deuteranomaly 6% of men, 0.4% of women
#e3a57c Tritanomaly 0.01% of the population

#ddaa24 hex color

#ddaa24 Color Information

#ddaa24 Color Conversion

Color Schemes with #ddaa24

Alternatives to #ddaa24

#ddaa24 Preview

Shades and Tints of #ddaa24

Tones of #ddaa24

Color Blindness Simulator