#dd731f hex color

In a RGB color space, hex #dd731f is composed of 86.7% red, 45.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 86% yellow and 13.3% black. It has a hue angle of 26.5 degrees, a saturation of 75.4% and a lightness of 49.4%. #dd731f color hex could be obtained by blending #ffe63e with #bb0000. Closest websafe color is: #cc6633.

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

● #dd731f color description : Vivid orange.

The hexadecimal color #dd731f has RGB values of R:221, G:115, B:31 and CMYK values of C:0, M:0.48, Y:0.86, K:0.13. Its decimal value is 14512927.

Hex triplet	dd731f	`#dd731f`
RGB Decimal	221, 115, 31	`rgb(221,115,31)`
RGB Percent	86.7, 45.1, 12.2	`rgb(86.7%,45.1%,12.2%)`
CMYK	0, 48, 86, 13
HSL	26.5°, 75.4, 49.4	`hsl(26.5,75.4%,49.4%)`
HSV (or HSB)	26.5°, 86, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.649, 36.351, 60.056
XYZ	36.198, 27.736, 4.744
xyY	0.527, 0.404, 27.736
CIE-LCH	59.649, 70.201, 58.814
CIE-LUV	59.649, 87.286, 51.798
Hunter-Lab	52.665, 30.525, 31.525
Binary	11011101, 01110011, 00011111

#dd731f
```
#dd731f rgb(221,115,31)
```
#1f89dd
```
#1f89dd rgb(31,137,221)
```

Complementary Color

#dd1f2a
```
#dd1f2a rgb(221,31,42)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#ddd21f
```
#ddd21f rgb(221,210,31)
```

Analogous Color

#1f2add
```
#1f2add rgb(31,42,221)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#1fddd2
```
#1fddd2 rgb(31,221,210)
```

Split Complementary Color

#731fdd
```
#731fdd rgb(115,31,221)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#1fdd73
```
#1fdd73 rgb(31,221,115)
```

Triadic Color

#dd1f89
```
#dd1f89 rgb(221,31,137)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#1fdd73
```
#1fdd73 rgb(31,221,115)
```
#1f89dd
```
#1f89dd rgb(31,137,221)
```

Tetradic Color

#9a5016
```
#9a5016 rgb(154,80,22)
```
#b05c19
```
#b05c19 rgb(176,92,25)
```
#c7671c
```
#c7671c rgb(199,103,28)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#e28133
```
#e28133 rgb(226,129,51)
```
#e68e49
```
#e68e49 rgb(230,142,73)
```
#e99c60
```
#e99c60 rgb(233,156,96)
```

Monochromatic Color

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

#dd441f
```
#dd441f rgb(221,68,31)
```
#dd531f
```
#dd531f rgb(221,83,31)
```
#dd631f
```
#dd631f rgb(221,99,31)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#dd831f
```
#dd831f rgb(221,131,31)
```
#dd931f
```
#dd931f rgb(221,147,31)
```
#dda31f
```
#dda31f rgb(221,163,31)
```

Similar Colors

Text with hexadecimal color #dd731f

This text has a font color of #dd731f.

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

#dd731f background color

This paragraph has a background color of #dd731f.

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

#dd731f border color

This element has a border color of #dd731f.

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

CSS codes

.text {color:#dd731f;}

.background {background-color:#dd731f;}

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

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

#0f0802
```
#0f0802 rgb(15,8,2)
```
#201104
```
#201104 rgb(32,17,4)
```
#311907
```
#311907 rgb(49,25,7)
```
#422209
```
#422209 rgb(66,34,9)
```
#532b0c
```
#532b0c rgb(83,43,12)
```
#65340e
```
#65340e rgb(101,52,14)
```
#763d11
```
#763d11 rgb(118,61,17)
```
#874613
```
#874613 rgb(135,70,19)
```
#984f15
```
#984f15 rgb(152,79,21)
```
#a95818
```
#a95818 rgb(169,88,24)
```
#bb611a
```
#bb611a rgb(187,97,26)
```
#cc6a1d
```
#cc6a1d rgb(204,106,29)
```
#dd731f
```
#dd731f rgb(221,115,31)
```

Shade Color Variation

#e27d2e
```
#e27d2e rgb(226,125,46)
```
#e4883f
```
#e4883f rgb(228,136,63)
```
#e79350
```
#e79350 rgb(231,147,80)
```
#e99d62
```
#e99d62 rgb(233,157,98)
```
#eba873
```
#eba873 rgb(235,168,115)
```
#eeb384
```
#eeb384 rgb(238,179,132)
```
#f0bd95
```
#f0bd95 rgb(240,189,149)
```
#f3c8a6
```
#f3c8a6 rgb(243,200,166)
```
#f5d3b8
```
#f5d3b8 rgb(245,211,184)
```
#f7ddc9
```
#f7ddc9 rgb(247,221,201)
```
#fae8da
```
#fae8da rgb(250,232,218)
```
#fcf3eb
```
#fcf3eb rgb(252,243,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#867d76
```
#867d76 rgb(134,125,118)
```
#8f7c6d
```
#8f7c6d rgb(143,124,109)
```
#997b63
```
#997b63 rgb(153,123,99)
```
#a37a59
```
#a37a59 rgb(163,122,89)
```
#ad794f
```
#ad794f rgb(173,121,79)
```
#b67746
```
#b67746 rgb(182,119,70)
```
#c0763c
```
#c0763c rgb(192,118,60)
```
#ca7532
```
#ca7532 rgb(202,117,50)
```
#d37429
```
#d37429 rgb(211,116,41)
```
#dd731f
```
#dd731f rgb(221,115,31)
```
#e77215
```
#e77215 rgb(231,114,21)
```
#f0710c
```
#f0710c rgb(240,113,12)
```
#fa7002
```
#fa7002 rgb(250,112,2)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9a8574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69531 Protanopia 1% of men
#ba8e1f Deuteranopia 1% of men
#e2727a Tritanopia 0.001% of the population

Trichromacy

#ba892a Protanomaly 1% of men, 0.01% of women
#c7841f Deuteranomaly 6% of men, 0.4% of women
#e07258 Tritanomaly 0.01% of the population

#dd731f hex color

#dd731f Color Information

#dd731f Color Conversion

Color Schemes with #dd731f

Alternatives to #dd731f

#dd731f Preview

Shades and Tints of #dd731f

Tones of #dd731f

Color Blindness Simulator