#ddaa23 hex color

In a RGB color space, hex #ddaa23 is composed of 86.7% red, 66.7% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 84.2% yellow and 13.3% black. It has a hue angle of 43.5 degrees, a saturation of 73.2% and a lightness of 50.2%. #ddaa23 color hex could be obtained by blending #ffff46 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

● #ddaa23 color description : Bright orange.

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

Hex triplet	ddaa23	`#ddaa23`
RGB Decimal	221, 170, 35	`rgb(221,170,35)`
RGB Percent	86.7, 66.7, 13.7	`rgb(86.7%,66.7%,13.7%)`
CMYK	0, 23, 84, 13
HSL	43.5°, 73.2, 50.2	`hsl(43.5,73.2%,50.2%)`
HSV (or HSB)	43.5°, 84.2, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.392, 7.242, 69.385
XYZ	44.498, 44.245, 7.787
xyY	0.461, 0.458, 44.245
CIE-LCH	72.392, 69.762, 84.041
CIE-LUV	72.392, 42.793, 71.531
Hunter-Lab	66.517, 3.006, 39.621
Binary	11011101, 10101010, 00100011

#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#2356dd
```
#2356dd rgb(35,86,221)
```

Complementary Color

#dd4d23
```
#dd4d23 rgb(221,77,35)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#b3dd23
```
#b3dd23 rgb(179,221,35)
```

Analogous Color

#4d23dd
```
#4d23dd rgb(77,35,221)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#23b3dd
```
#23b3dd rgb(35,179,221)
```

Split Complementary Color

#aa23dd
```
#aa23dd rgb(170,35,221)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#23ddaa
```
#23ddaa rgb(35,221,170)
```

Triadic Color

#dd2356
```
#dd2356 rgb(221,35,86)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#23ddaa
```
#23ddaa rgb(35,221,170)
```
#2356dd
```
#2356dd rgb(35,86,221)
```

Tetradic Color

#9b7718
```
#9b7718 rgb(155,119,24)
```
#b2881b
```
#b2881b rgb(178,136,27)
```
#c8991f
```
#c8991f rgb(200,153,31)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#e0b339
```
#e0b339 rgb(224,179,57)
```
#e4bb4f
```
#e4bb4f rgb(228,187,79)
```
#e7c465
```
#e7c465 rgb(231,196,101)
```

Monochromatic Color

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

#dd7c23
```
#dd7c23 rgb(221,124,35)
```
#dd8b23
```
#dd8b23 rgb(221,139,35)
```
#dd9b23
```
#dd9b23 rgb(221,155,35)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#ddba23
```
#ddba23 rgb(221,186,35)
```
#ddc923
```
#ddc923 rgb(221,201,35)
```
#ddd923
```
#ddd923 rgb(221,217,35)
```

Similar Colors

Text with hexadecimal color #ddaa23

This text has a font color of #ddaa23.

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

#ddaa23 background color

This paragraph has a background color of #ddaa23.

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

#ddaa23 border color

This element has a border color of #ddaa23.

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

CSS codes

.text {color:#ddaa23;}

.background {background-color:#ddaa23;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120e03
```
#120e03 rgb(18,14,3)
```
#231b05
```
#231b05 rgb(35,27,5)
```
#342808
```
#342808 rgb(52,40,8)
```
#45350b
```
#45350b rgb(69,53,11)
```
#56420d
```
#56420d rgb(86,66,13)
```
#674f10
```
#674f10 rgb(103,79,16)
```
#785c13
```
#785c13 rgb(120,92,19)
```
#896915
```
#896915 rgb(137,105,21)
```
#9a7618
```
#9a7618 rgb(154,118,24)
```
#ab831a
```
#ab831a rgb(171,131,26)
```
#bc901d
```
#bc901d rgb(188,144,29)
```
#cd9d20
```
#cd9d20 rgb(205,157,32)
```

Shade Color Variation

#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#e0b134
```
#e0b134 rgb(224,177,52)
```
#e2b745
```
#e2b745 rgb(226,183,69)
```
#e5be56
```
#e5be56 rgb(229,190,86)
```
#e8c467
```
#e8c467 rgb(232,196,103)
```
#eacb78
```
#eacb78 rgb(234,203,120)
```
#edd189
```
#edd189 rgb(237,209,137)
```
#efd89a
```
#efd89a rgb(239,216,154)
```
#f2dfab
```
#f2dfab rgb(242,223,171)
```
#f5e5bc
```
#f5e5bc rgb(245,229,188)
```
#f7eccd
```
#f7eccd rgb(247,236,205)
```
#faf2de
```
#faf2de rgb(250,242,222)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#85827b
```
#85827b rgb(133,130,123)
```
#8f8771
```
#8f8771 rgb(143,135,113)
```
#998b67
```
#998b67 rgb(153,139,103)
```
#a2905e
```
#a2905e rgb(162,144,94)
```
#ac9454
```
#ac9454 rgb(172,148,84)
```
#b6984a
```
#b6984a rgb(182,152,74)
```
#c09d40
```
#c09d40 rgb(192,157,64)
```
#c9a137
```
#c9a137 rgb(201,161,55)
```
#d3a62d
```
#d3a62d rgb(211,166,45)
```
#ddaa23
```
#ddaa23 rgb(221,170,35)
```
#e7ae19
```
#e7ae19 rgb(231,174,25)
```
#f1b30f
```
#f1b30f rgb(241,179,15)
```
#fab706
```
#fab706 rgb(250,183,6)
```

Tone Color Variation

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

#cbb530 Protanopia 1% of men
#e2ac2f Deuteranopia 1% of men
#e7a3ae Tritanopia 0.001% of the population

Trichromacy

#d1b12b Protanomaly 1% of men, 0.01% of women
#e0ab2a Deuteranomaly 6% of men, 0.4% of women
#e3a57b Tritanomaly 0.01% of the population

#ddaa23 hex color

#ddaa23 Color Information

#ddaa23 Color Conversion

Color Schemes with #ddaa23

Alternatives to #ddaa23

#ddaa23 Preview

Shades and Tints of #ddaa23

Tones of #ddaa23

Color Blindness Simulator