#ddaa1f hex color

In a RGB color space, hex #ddaa1f is composed of 86.7% red, 66.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 86% yellow and 13.3% black. It has a hue angle of 43.9 degrees, a saturation of 75.4% and a lightness of 49.4%. #ddaa1f color hex could be obtained by blending #ffff3e with #bb5500. Closest websafe color is: #cc9933.

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

● #ddaa1f color description : Vivid orange.

The hexadecimal color #ddaa1f has RGB values of R:221, G:170, B:31 and CMYK values of C:0, M:0.23, Y:0.86, K:0.13. Its decimal value is 14527007.

Hex triplet	ddaa1f	`#ddaa1f`
RGB Decimal	221, 170, 31	`rgb(221,170,31)`
RGB Percent	86.7, 66.7, 12.2	`rgb(86.7%,66.7%,12.2%)`
CMYK	0, 23, 86, 13
HSL	43.9°, 75.4, 49.4	`hsl(43.9,75.4%,49.4%)`
HSV (or HSB)	43.9°, 86, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.377, 7.143, 70.421
XYZ	44.442, 44.223, 7.491
xyY	0.462, 0.46, 44.223
CIE-LCH	72.377, 70.783, 84.208
CIE-LUV	72.377, 42.896, 72.152
Hunter-Lab	66.5, 2.915, 39.871
Binary	11011101, 10101010, 00011111

#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#1f52dd
```
#1f52dd rgb(31,82,221)
```

Complementary Color

#dd4b1f
```
#dd4b1f rgb(221,75,31)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#b1dd1f
```
#b1dd1f rgb(177,221,31)
```

Analogous Color

#4b1fdd
```
#4b1fdd rgb(75,31,221)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#1fb1dd
```
#1fb1dd rgb(31,177,221)
```

Split Complementary Color

#aa1fdd
```
#aa1fdd rgb(170,31,221)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#1fddaa
```
#1fddaa rgb(31,221,170)
```

Triadic Color

#dd1f52
```
#dd1f52 rgb(221,31,82)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#1fddaa
```
#1fddaa rgb(31,221,170)
```
#1f52dd
```
#1f52dd rgb(31,82,221)
```

Tetradic Color

#9a7616
```
#9a7616 rgb(154,118,22)
```
#b08819
```
#b08819 rgb(176,136,25)
```
#c7991c
```
#c7991c rgb(199,153,28)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#e2b333
```
#e2b333 rgb(226,179,51)
```
#e6bc49
```
#e6bc49 rgb(230,188,73)
```
#e9c460
```
#e9c460 rgb(233,196,96)
```

Monochromatic Color

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

#dd7b1f
```
#dd7b1f rgb(221,123,31)
```
#dd8a1f
```
#dd8a1f rgb(221,138,31)
```
#dd9a1f
```
#dd9a1f rgb(221,154,31)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#ddba1f
```
#ddba1f rgb(221,186,31)
```
#ddca1f
```
#ddca1f rgb(221,202,31)
```
#ddda1f
```
#ddda1f rgb(221,218,31)
```

Similar Colors

Text with hexadecimal color #ddaa1f

This text has a font color of #ddaa1f.

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

#ddaa1f background color

This paragraph has a background color of #ddaa1f.

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

#ddaa1f border color

This element has a border color of #ddaa1f.

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

CSS codes

.text {color:#ddaa1f;}

.background {background-color:#ddaa1f;}

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

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

#0f0b02
```
#0f0b02 rgb(15,11,2)
```
#201804
```
#201804 rgb(32,24,4)
```
#312607
```
#312607 rgb(49,38,7)
```
#423309
```
#423309 rgb(66,51,9)
```
#53400c
```
#53400c rgb(83,64,12)
```
#654d0e
```
#654d0e rgb(101,77,14)
```
#765b11
```
#765b11 rgb(118,91,17)
```
#876813
```
#876813 rgb(135,104,19)
```
#987515
```
#987515 rgb(152,117,21)
```
#a98218
```
#a98218 rgb(169,130,24)
```
#bb901a
```
#bb901a rgb(187,144,26)
```
#cc9d1d
```
#cc9d1d rgb(204,157,29)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```

Shade Color Variation

#e2b12e
```
#e2b12e rgb(226,177,46)
```
#e4b83f
```
#e4b83f rgb(228,184,63)
```
#e7be50
```
#e7be50 rgb(231,190,80)
```
#e9c562
```
#e9c562 rgb(233,197,98)
```
#ebcb73
```
#ebcb73 rgb(235,203,115)
```
#eed184
```
#eed184 rgb(238,209,132)
```
#f0d895
```
#f0d895 rgb(240,216,149)
```
#f3dea6
```
#f3dea6 rgb(243,222,166)
```
#f5e4b8
```
#f5e4b8 rgb(245,228,184)
```
#f7ebc9
```
#f7ebc9 rgb(247,235,201)
```
#faf1da
```
#faf1da rgb(250,241,218)
```
#fcf8eb
```
#fcf8eb rgb(252,248,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#868276
```
#868276 rgb(134,130,118)
```
#8f866d
```
#8f866d rgb(143,134,109)
```
#998b63
```
#998b63 rgb(153,139,99)
```
#a38f59
```
#a38f59 rgb(163,143,89)
```
#ad944f
```
#ad944f rgb(173,148,79)
```
#b69846
```
#b69846 rgb(182,152,70)
```
#c09d3c
```
#c09d3c rgb(192,157,60)
```
#caa132
```
#caa132 rgb(202,161,50)
```
#d3a629
```
#d3a629 rgb(211,166,41)
```
#ddaa1f
```
#ddaa1f rgb(221,170,31)
```
#e7ae15
```
#e7ae15 rgb(231,174,21)
```
#f0b30c
```
#f0b30c rgb(240,179,12)
```
#fab702
```
#fab702 rgb(250,183,2)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b3a98d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb52c Protanopia 1% of men
#e2ac2b Deuteranopia 1% of men
#e7a3ae Tritanopia 0.001% of the population

Trichromacy

#d1b127 Protanomaly 1% of men, 0.01% of women
#e0ab27 Deuteranomaly 6% of men, 0.4% of women
#e3a57a Tritanomaly 0.01% of the population

#ddaa1f hex color

#ddaa1f Color Information

#ddaa1f Color Conversion

Color Schemes with #ddaa1f

Alternatives to #ddaa1f

#ddaa1f Preview

Shades and Tints of #ddaa1f

Tones of #ddaa1f

Color Blindness Simulator