#dd642f hex color

In a RGB color space, hex #dd642f is composed of 86.7% red, 39.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 78.7% yellow and 13.3% black. It has a hue angle of 18.3 degrees, a saturation of 71.9% and a lightness of 52.5%. #dd642f color hex could be obtained by blending #ffc85e with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 39
- B 18
RGB color chart
- C 0
- M 55
- Y 79
- K 13
CMYK color chart

● #dd642f color description : Bright orange.

The hexadecimal color #dd642f has RGB values of R:221, G:100, B:47 and CMYK values of C:0, M:0.55, Y:0.79, K:0.13. Its decimal value is 14509103.

Hex triplet	dd642f	`#dd642f`
RGB Decimal	221, 100, 47	`rgb(221,100,47)`
RGB Percent	86.7, 39.2, 18.4	`rgb(86.7%,39.2%,18.4%)`
CMYK	0, 55, 79, 13
HSL	18.3°, 71.9, 52.5	`hsl(18.3,71.9%,52.5%)`
HSV (or HSB)	18.3°, 78.7, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.777, 44.313, 51.019
XYZ	34.89, 24.695, 5.619
xyY	0.535, 0.379, 24.695
CIE-LCH	56.777, 67.576, 49.024
CIE-LUV	56.777, 97.975, 42.9
Hunter-Lab	49.694, 38.36, 28.083
Binary	11011101, 01100100, 00101111

#dd642f
```
#dd642f rgb(221,100,47)
```
#2fa8dd
```
#2fa8dd rgb(47,168,221)
```

Complementary Color

#dd2f51
```
#dd2f51 rgb(221,47,81)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#ddbb2f
```
#ddbb2f rgb(221,187,47)
```

Analogous Color

#2f51dd
```
#2f51dd rgb(47,81,221)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#2fddbb
```
#2fddbb rgb(47,221,187)
```

Split Complementary Color

#642fdd
```
#642fdd rgb(100,47,221)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#2fdd64
```
#2fdd64 rgb(47,221,100)
```

Triadic Color

#dd2fa8
```
#dd2fa8 rgb(221,47,168)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#2fdd64
```
#2fdd64 rgb(47,221,100)
```
#2fa8dd
```
#2fa8dd rgb(47,168,221)
```

Tetradic Color

#a5451b
```
#a5451b rgb(165,69,27)
```
#bb4e1e
```
#bb4e1e rgb(187,78,30)
```
#d05722
```
#d05722 rgb(208,87,34)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#e17445
```
#e17445 rgb(225,116,69)
```
#e4855b
```
#e4855b rgb(228,133,91)
```
#e89571
```
#e89571 rgb(232,149,113)
```

Monochromatic Color

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

#dd392f
```
#dd392f rgb(221,57,47)
```
#dd472f
```
#dd472f rgb(221,71,47)
```
#dd562f
```
#dd562f rgb(221,86,47)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#dd732f
```
#dd732f rgb(221,115,47)
```
#dd812f
```
#dd812f rgb(221,129,47)
```
#dd902f
```
#dd902f rgb(221,144,47)
```

Similar Colors

Text with hexadecimal color #dd642f

This text has a font color of #dd642f.

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

#dd642f background color

This paragraph has a background color of #dd642f.

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

#dd642f border color

This element has a border color of #dd642f.

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

CSS codes

.text {color:#dd642f;}

.background {background-color:#dd642f;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1c0c05
```
#1c0c05 rgb(28,12,5)
```
#2d1307
```
#2d1307 rgb(45,19,7)
```
#3e1a0a
```
#3e1a0a rgb(62,26,10)
```
#4f210d
```
#4f210d rgb(79,33,13)
```
#5f2810
```
#5f2810 rgb(95,40,16)
```
#702f12
```
#702f12 rgb(112,47,18)
```
#813615
```
#813615 rgb(129,54,21)
```
#923d18
```
#923d18 rgb(146,61,24)
```
#a3441b
```
#a3441b rgb(163,68,27)
```
#b44b1d
```
#b44b1d rgb(180,75,29)
```
#c55220
```
#c55220 rgb(197,82,32)
```
#d55923
```
#d55923 rgb(213,89,35)
```

Shade Color Variation

#dd642f
```
#dd642f rgb(221,100,47)
```
#e07140
```
#e07140 rgb(224,113,64)
```
#e37d51
```
#e37d51 rgb(227,125,81)
```
#e58a62
```
#e58a62 rgb(229,138,98)
```
#e89672
```
#e89672 rgb(232,150,114)
```
#eba383
```
#eba383 rgb(235,163,131)
```
#eeaf94
```
#eeaf94 rgb(238,175,148)
```
#f0bca5
```
#f0bca5 rgb(240,188,165)
```
#f3c9b6
```
#f3c9b6 rgb(243,201,182)
```
#f6d5c7
```
#f6d5c7 rgb(246,213,199)
```
#f9e2d8
```
#f9e2d8 rgb(249,226,216)
```
#fbeee8
```
#fbeee8 rgb(251,238,232)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#898583
```
#898583 rgb(137,133,131)
```
#938179
```
#938179 rgb(147,129,121)
```
#9c7d70
```
#9c7d70 rgb(156,125,112)
```
#a57a67
```
#a57a67 rgb(165,122,103)
```
#ae765e
```
#ae765e rgb(174,118,94)
```
#b87354
```
#b87354 rgb(184,115,84)
```
#c16f4b
```
#c16f4b rgb(193,111,75)
```
#ca6b42
```
#ca6b42 rgb(202,107,66)
```
#d46838
```
#d46838 rgb(212,104,56)
```
#dd642f
```
#dd642f rgb(221,100,47)
```
#e66026
```
#e66026 rgb(230,96,38)
```
#f05d1c
```
#f05d1c rgb(240,93,28)
```
#f95913
```
#f95913 rgb(249,89,19)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#947c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e43 Protanopia 1% of men
#b08730 Deuteranopia 1% of men
#e1666c Tritanopia 0.001% of the population

Trichromacy

#b47f3b Protanomaly 1% of men, 0.01% of women
#c07a2f Deuteranomaly 6% of men, 0.4% of women
#df6556 Tritanomaly 0.01% of the population

#dd642f hex color

#dd642f Color Information

#dd642f Color Conversion

Color Schemes with #dd642f

Alternatives to #dd642f

#dd642f Preview

Shades and Tints of #dd642f

Tones of #dd642f

Color Blindness Simulator