#dda21f hex color

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

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

● #dda21f color description : Vivid orange.

The hexadecimal color #dda21f has RGB values of R:221, G:162, B:31 and CMYK values of C:0, M:0.27, Y:0.86, K:0.13. Its decimal value is 14524959.

Hex triplet	dda21f	`#dda21f`
RGB Decimal	221, 162, 31	`rgb(221,162,31)`
RGB Percent	86.7, 63.5, 12.2	`rgb(86.7%,63.5%,12.2%)`
CMYK	0, 27, 86, 13
HSL	41.4°, 75.4, 49.4	`hsl(41.4,75.4%,49.4%)`
HSV (or HSB)	41.4°, 86, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.396, 11.405, 68.812
XYZ	42.987, 41.314, 7.007
xyY	0.471, 0.452, 41.314
CIE-LCH	70.396, 69.751, 80.589
CIE-LUV	70.396, 49.098, 69.088
Hunter-Lab	64.276, 6.896, 38.53
Binary	11011101, 10100010, 00011111

#dda21f
```
#dda21f rgb(221,162,31)
```
#1f5add
```
#1f5add rgb(31,90,221)
```

Complementary Color

#dd431f
```
#dd431f rgb(221,67,31)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#b9dd1f
```
#b9dd1f rgb(185,221,31)
```

Analogous Color

#431fdd
```
#431fdd rgb(67,31,221)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#1fb9dd
```
#1fb9dd rgb(31,185,221)
```

Split Complementary Color

#a21fdd
```
#a21fdd rgb(162,31,221)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#1fdda2
```
#1fdda2 rgb(31,221,162)
```

Triadic Color

#dd1f5a
```
#dd1f5a rgb(221,31,90)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#1fdda2
```
#1fdda2 rgb(31,221,162)
```
#1f5add
```
#1f5add rgb(31,90,221)
```

Tetradic Color

#9a7116
```
#9a7116 rgb(154,113,22)
```
#b08119
```
#b08119 rgb(176,129,25)
```
#c7921c
```
#c7921c rgb(199,146,28)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#e2ac33
```
#e2ac33 rgb(226,172,51)
```
#e6b549
```
#e6b549 rgb(230,181,73)
```
#e9be60
```
#e9be60 rgb(233,190,96)
```

Monochromatic Color

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

#dd731f
```
#dd731f rgb(221,115,31)
```
#dd821f
```
#dd821f rgb(221,130,31)
```
#dd921f
```
#dd921f rgb(221,146,31)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#ddb21f
```
#ddb21f rgb(221,178,31)
```
#ddc21f
```
#ddc21f rgb(221,194,31)
```
#ddd21f
```
#ddd21f rgb(221,210,31)
```

Similar Colors

Text with hexadecimal color #dda21f

This text has a font color of #dda21f.

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

#dda21f background color

This paragraph has a background color of #dda21f.

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

#dda21f border color

This element has a border color of #dda21f.

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

CSS codes

.text {color:#dda21f;}

.background {background-color:#dda21f;}

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

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)
```
#201704
```
#201704 rgb(32,23,4)
```
#312407
```
#312407 rgb(49,36,7)
```
#423109
```
#423109 rgb(66,49,9)
```
#533d0c
```
#533d0c rgb(83,61,12)
```
#654a0e
```
#654a0e rgb(101,74,14)
```
#765611
```
#765611 rgb(118,86,17)
```
#876313
```
#876313 rgb(135,99,19)
```
#987015
```
#987015 rgb(152,112,21)
```
#a97c18
```
#a97c18 rgb(169,124,24)
```
#bb891a
```
#bb891a rgb(187,137,26)
```
#cc951d
```
#cc951d rgb(204,149,29)
```
#dda21f
```
#dda21f rgb(221,162,31)
```

Shade Color Variation

#e2aa2e
```
#e2aa2e rgb(226,170,46)
```
#e4b13f
```
#e4b13f rgb(228,177,63)
```
#e7b850
```
#e7b850 rgb(231,184,80)
```
#e9bf62
```
#e9bf62 rgb(233,191,98)
```
#ebc673
```
#ebc673 rgb(235,198,115)
```
#eecd84
```
#eecd84 rgb(238,205,132)
```
#f0d495
```
#f0d495 rgb(240,212,149)
```
#f3dba6
```
#f3dba6 rgb(243,219,166)
```
#f5e2b8
```
#f5e2b8 rgb(245,226,184)
```
#f7e9c9
```
#f7e9c9 rgb(247,233,201)
```
#faf0da
```
#faf0da rgb(250,240,218)
```
#fcf7eb
```
#fcf7eb rgb(252,247,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#868176
```
#868176 rgb(134,129,118)
```
#8f856d
```
#8f856d rgb(143,133,109)
```
#998863
```
#998863 rgb(153,136,99)
```
#a38c59
```
#a38c59 rgb(163,140,89)
```
#ad904f
```
#ad904f rgb(173,144,79)
```
#b69346
```
#b69346 rgb(182,147,70)
```
#c0973c
```
#c0973c rgb(192,151,60)
```
#ca9b32
```
#ca9b32 rgb(202,155,50)
```
#d39e29
```
#d39e29 rgb(211,158,41)
```
#dda21f
```
#dda21f rgb(221,162,31)
```
#e7a615
```
#e7a615 rgb(231,166,21)
```
#f0a90c
```
#f0a90c rgb(240,169,12)
```
#faad02
```
#faad02 rgb(250,173,2)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b0a48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b02d Protanopia 1% of men
#dca829 Deuteranopia 1% of men
#e69ca6 Tritanopia 0.001% of the population

Trichromacy

#cdab28 Protanomaly 1% of men, 0.01% of women
#dca525 Deuteranomaly 6% of men, 0.4% of women
#e29e75 Tritanomaly 0.01% of the population

#dda21f hex color

#dda21f Color Information

#dda21f Color Conversion

Color Schemes with #dda21f

Alternatives to #dda21f

#dda21f Preview

Shades and Tints of #dda21f

Tones of #dda21f

Color Blindness Simulator