#dd901f hex color

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

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

● #dd901f color description : Vivid orange.

The hexadecimal color #dd901f has RGB values of R:221, G:144, B:31 and CMYK values of C:0, M:0.35, Y:0.86, K:0.13. Its decimal value is 14520351.

Hex triplet	dd901f	`#dd901f`
RGB Decimal	221, 144, 31	`rgb(221,144,31)`
RGB Percent	86.7, 56.5, 12.2	`rgb(86.7%,56.5%,12.2%)`
CMYK	0, 35, 86, 13
HSL	35.7°, 75.4, 49.4	`hsl(35.7,75.4%,49.4%)`
HSV (or HSB)	35.7°, 86, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.075, 21.05, 65.298
XYZ	40.04, 35.42, 6.024
xyY	0.491, 0.435, 35.42
CIE-LCH	66.075, 68.607, 72.132
CIE-LUV	66.075, 63.468, 62.281
Hunter-Lab	59.515, 15.94, 35.659
Binary	11011101, 10010000, 00011111

#dd901f
```
#dd901f rgb(221,144,31)
```
#1f6cdd
```
#1f6cdd rgb(31,108,221)
```

Complementary Color

#dd311f
```
#dd311f rgb(221,49,31)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```

Analogous Color

#311fdd
```
#311fdd rgb(49,31,221)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#1fcbdd
```
#1fcbdd rgb(31,203,221)
```

Split Complementary Color

#901fdd
```
#901fdd rgb(144,31,221)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#1fdd90
```
#1fdd90 rgb(31,221,144)
```

Triadic Color

#dd1f6c
```
#dd1f6c rgb(221,31,108)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#1fdd90
```
#1fdd90 rgb(31,221,144)
```
#1f6cdd
```
#1f6cdd rgb(31,108,221)
```

Tetradic Color

#9a6416
```
#9a6416 rgb(154,100,22)
```
#b07319
```
#b07319 rgb(176,115,25)
```
#c7811c
```
#c7811c rgb(199,129,28)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#e29b33
```
#e29b33 rgb(226,155,51)
```
#e6a649
```
#e6a649 rgb(230,166,73)
```
#e9b160
```
#e9b160 rgb(233,177,96)
```

Monochromatic Color

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

#dd611f
```
#dd611f rgb(221,97,31)
```
#dd701f
```
#dd701f rgb(221,112,31)
```
#dd801f
```
#dd801f rgb(221,128,31)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#dda01f
```
#dda01f rgb(221,160,31)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#ddc01f
```
#ddc01f rgb(221,192,31)
```

Similar Colors

Text with hexadecimal color #dd901f

This text has a font color of #dd901f.

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

#dd901f background color

This paragraph has a background color of #dd901f.

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

#dd901f border color

This element has a border color of #dd901f.

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

CSS codes

.text {color:#dd901f;}

.background {background-color:#dd901f;}

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

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

#0f0902
```
#0f0902 rgb(15,9,2)
```
#201504
```
#201504 rgb(32,21,4)
```
#312007
```
#312007 rgb(49,32,7)
```
#422b09
```
#422b09 rgb(66,43,9)
```
#53360c
```
#53360c rgb(83,54,12)
```
#65420e
```
#65420e rgb(101,66,14)
```
#764d11
```
#764d11 rgb(118,77,17)
```
#875813
```
#875813 rgb(135,88,19)
```
#986315
```
#986315 rgb(152,99,21)
```
#a96e18
```
#a96e18 rgb(169,110,24)
```
#bb7a1a
```
#bb7a1a rgb(187,122,26)
```
#cc851d
```
#cc851d rgb(204,133,29)
```
#dd901f
```
#dd901f rgb(221,144,31)
```

Shade Color Variation

#e2992e
```
#e2992e rgb(226,153,46)
```
#e4a13f
```
#e4a13f rgb(228,161,63)
```
#e7aa50
```
#e7aa50 rgb(231,170,80)
```
#e9b262
```
#e9b262 rgb(233,178,98)
```
#ebba73
```
#ebba73 rgb(235,186,115)
```
#eec384
```
#eec384 rgb(238,195,132)
```
#f0cb95
```
#f0cb95 rgb(240,203,149)
```
#f3d4a6
```
#f3d4a6 rgb(243,212,166)
```
#f5dcb8
```
#f5dcb8 rgb(245,220,184)
```
#f7e4c9
```
#f7e4c9 rgb(247,228,201)
```
#faedda
```
#faedda rgb(250,237,218)
```
#fcf5eb
```
#fcf5eb rgb(252,245,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#867f76
```
#867f76 rgb(134,127,118)
```
#8f816d
```
#8f816d rgb(143,129,109)
```
#998363
```
#998363 rgb(153,131,99)
```
#a38559
```
#a38559 rgb(163,133,89)
```
#ad874f
```
#ad874f rgb(173,135,79)
```
#b68946
```
#b68946 rgb(182,137,70)
```
#c08a3c
```
#c08a3c rgb(192,138,60)
```
#ca8c32
```
#ca8c32 rgb(202,140,50)
```
#d38e29
```
#d38e29 rgb(211,142,41)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#e79215
```
#e79215 rgb(231,146,21)
```
#f0940c
```
#f0940c rgb(240,148,12)
```
#fa9602
```
#fa9602 rgb(250,150,2)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a79881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a52e Protanopia 1% of men
#ce9d25 Deuteranopia 1% of men
#e48c95 Tritanopia 0.001% of the population

Trichromacy

#c69d29 Protanomaly 1% of men, 0.01% of women
#d39823 Deuteranomaly 6% of men, 0.4% of women
#e18d6a Tritanomaly 0.01% of the population

#dd901f hex color

#dd901f Color Information

#dd901f Color Conversion

Color Schemes with #dd901f

Alternatives to #dd901f

#dd901f Preview

Shades and Tints of #dd901f

Tones of #dd901f

Color Blindness Simulator