#ddaa33 hex color

In a RGB color space, hex #ddaa33 is composed of 86.7% red, 66.7% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 76.9% yellow and 13.3% black. It has a hue angle of 42 degrees, a saturation of 71.4% and a lightness of 53.3%. #ddaa33 color hex could be obtained by blending #ffff66 with #bb5500. Closest websafe color is: #cc9933.

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

● #ddaa33 color description : Bright orange.

The hexadecimal color #ddaa33 has RGB values of R:221, G:170, B:51 and CMYK values of C:0, M:0.23, Y:0.77, K:0.13. Its decimal value is 14527027.

Hex triplet	ddaa33	`#ddaa33`
RGB Decimal	221, 170, 51	`rgb(221,170,51)`
RGB Percent	86.7, 66.7, 20	`rgb(86.7%,66.7%,20%)`
CMYK	0, 23, 77, 13
HSL	42°, 71.4, 53.3	`hsl(42,71.4%,53.3%)`
HSV (or HSB)	42°, 76.9, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.47, 7.758, 64.344
XYZ	44.792, 44.363, 9.336
xyY	0.455, 0.45, 44.363
CIE-LCH	72.47, 64.81, 83.125
CIE-LUV	72.47, 42.258, 68.301
Hunter-Lab	66.606, 3.481, 38.314
Binary	11011101, 10101010, 00110011

#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#3366dd
```
#3366dd rgb(51,102,221)
```

Complementary Color

#dd5533
```
#dd5533 rgb(221,85,51)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#bbdd33
```
#bbdd33 rgb(187,221,51)
```

Analogous Color

#5533dd
```
#5533dd rgb(85,51,221)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#33bbdd
```
#33bbdd rgb(51,187,221)
```

Split Complementary Color

#aa33dd
```
#aa33dd rgb(170,51,221)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#33ddaa
```
#33ddaa rgb(51,221,170)
```

Triadic Color

#dd3366
```
#dd3366 rgb(221,51,102)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#33ddaa
```
#33ddaa rgb(51,221,170)
```
#3366dd
```
#3366dd rgb(51,102,221)
```

Tetradic Color

#a87e1c
```
#a87e1c rgb(168,126,28)
```
#bd8e20
```
#bd8e20 rgb(189,142,32)
```
#d39e23
```
#d39e23 rgb(211,158,35)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#e1b349
```
#e1b349 rgb(225,179,73)
```
#e4bc5f
```
#e4bc5f rgb(228,188,95)
```
#e8c575
```
#e8c575 rgb(232,197,117)
```

Monochromatic Color

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

#dd8033
```
#dd8033 rgb(221,128,51)
```
#dd8e33
```
#dd8e33 rgb(221,142,51)
```
#dd9c33
```
#dd9c33 rgb(221,156,51)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#ddb833
```
#ddb833 rgb(221,184,51)
```
#ddc633
```
#ddc633 rgb(221,198,51)
```
#ddd533
```
#ddd533 rgb(221,213,51)
```

Similar Colors

Text with hexadecimal color #ddaa33

This text has a font color of #ddaa33.

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

#ddaa33 background color

This paragraph has a background color of #ddaa33.

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

#ddaa33 border color

This element has a border color of #ddaa33.

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

CSS codes

.text {color:#ddaa33;}

.background {background-color:#ddaa33;}

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

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, #0f0b02 is the darkest color, while #fffefd is the lightest one.

#0f0b02
```
#0f0b02 rgb(15,11,2)
```
#1f1805
```
#1f1805 rgb(31,24,5)
```
#302408
```
#302408 rgb(48,36,8)
```
#41310b
```
#41310b rgb(65,49,11)
```
#523d0e
```
#523d0e rgb(82,61,14)
```
#634a10
```
#634a10 rgb(99,74,16)
```
#735713
```
#735713 rgb(115,87,19)
```
#846316
```
#846316 rgb(132,99,22)
```
#957019
```
#957019 rgb(149,112,25)
```
#a67c1c
```
#a67c1c rgb(166,124,28)
```
#b7891e
```
#b7891e rgb(183,137,30)
```
#c89621
```
#c89621 rgb(200,150,33)
```
#d8a224
```
#d8a224 rgb(216,162,36)
```

Shade Color Variation

#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#e0b144
```
#e0b144 rgb(224,177,68)
```
#e3b855
```
#e3b855 rgb(227,184,85)
```
#e5bf65
```
#e5bf65 rgb(229,191,101)
```
#e8c676
```
#e8c676 rgb(232,198,118)
```
#ebcd87
```
#ebcd87 rgb(235,205,135)
```
#eed498
```
#eed498 rgb(238,212,152)
```
#f1dba9
```
#f1dba9 rgb(241,219,169)
```
#f3e2ba
```
#f3e2ba rgb(243,226,186)
```
#f6e9ca
```
#f6e9ca rgb(246,233,202)
```
#f9f0db
```
#f9f0db rgb(249,240,219)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#8b8985
```
#8b8985 rgb(139,137,133)
```
#948d7c
```
#948d7c rgb(148,141,124)
```
#9d9073
```
#9d9073 rgb(157,144,115)
```
#a6946a
```
#a6946a rgb(166,148,106)
```
#af9861
```
#af9861 rgb(175,152,97)
```
#b89b58
```
#b89b58 rgb(184,155,88)
```
#c29f4e
```
#c29f4e rgb(194,159,78)
```
#cba345
```
#cba345 rgb(203,163,69)
```
#d4a63c
```
#d4a63c rgb(212,166,60)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```
#e6ae2a
```
#e6ae2a rgb(230,174,42)
```
#efb121
```
#efb121 rgb(239,177,33)
```
#f8b518
```
#f8b518 rgb(248,181,24)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b6ac94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab63f Protanopia 1% of men
#e1ad3e Deuteranopia 1% of men
#e6a3ae Tritanopia 0.001% of the population

Trichromacy

#d1b13b Protanomaly 1% of men, 0.01% of women
#dfac3a Deuteranomaly 6% of men, 0.4% of women
#e3a581 Tritanomaly 0.01% of the population

#ddaa33 hex color

#ddaa33 Color Information

#ddaa33 Color Conversion

Color Schemes with #ddaa33

Alternatives to #ddaa33

#ddaa33 Preview

Shades and Tints of #ddaa33

Tones of #ddaa33

Color Blindness Simulator