#dd6b22 hex color

In a RGB color space, hex #dd6b22 is composed of 86.7% red, 42% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 84.6% yellow and 13.3% black. It has a hue angle of 23.4 degrees, a saturation of 73.3% and a lightness of 50%. #dd6b22 color hex could be obtained by blending #ffd644 with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 42
- B 13
RGB color chart
- C 0
- M 52
- Y 85
- K 13
CMYK color chart

● #dd6b22 color description : Bright orange.

The hexadecimal color #dd6b22 has RGB values of R:221, G:107, B:34 and CMYK values of C:0, M:0.52, Y:0.85, K:0.13. Its decimal value is 14510882.

Hex triplet	dd6b22	`#dd6b22`
RGB Decimal	221, 107, 34	`rgb(221,107,34)`
RGB Percent	86.7, 42, 13.3	`rgb(86.7%,42%,13.3%)`
CMYK	0, 52, 85, 13
HSL	23.4°, 73.3, 50	`hsl(23.4,73.3%,50%)`
HSV (or HSB)	23.4°, 84.6, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.043, 40.478, 57.649
XYZ	35.367, 26.006, 4.671
xyY	0.536, 0.394, 26.006
CIE-LCH	58.043, 70.44, 54.926
CIE-LUV	58.043, 93.61, 48.48
Hunter-Lab	50.997, 34.548, 30.267
Binary	11011101, 01101011, 00100010

#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#2294dd
```
#2294dd rgb(34,148,221)
```

Complementary Color

#dd2237
```
#dd2237 rgb(221,34,55)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#ddc922
```
#ddc922 rgb(221,201,34)
```

Analogous Color

#2237dd
```
#2237dd rgb(34,55,221)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#22ddc9
```
#22ddc9 rgb(34,221,201)
```

Split Complementary Color

#6b22dd
```
#6b22dd rgb(107,34,221)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#22dd6b
```
#22dd6b rgb(34,221,107)
```

Triadic Color

#dd2294
```
#dd2294 rgb(221,34,148)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#22dd6b
```
#22dd6b rgb(34,221,107)
```
#2294dd
```
#2294dd rgb(34,148,221)
```

Tetradic Color

#9b4b18
```
#9b4b18 rgb(155,75,24)
```
#b1561b
```
#b1561b rgb(177,86,27)
```
#c7601f
```
#c7601f rgb(199,96,31)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#e07a38
```
#e07a38 rgb(224,122,56)
```
#e4894e
```
#e4894e rgb(228,137,78)
```
#e79764
```
#e79764 rgb(231,151,100)
```

Monochromatic Color

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

#dd3c22
```
#dd3c22 rgb(221,60,34)
```
#dd4c22
```
#dd4c22 rgb(221,76,34)
```
#dd5b22
```
#dd5b22 rgb(221,91,34)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#dd7b22
```
#dd7b22 rgb(221,123,34)
```
#dd8a22
```
#dd8a22 rgb(221,138,34)
```
#dd9a22
```
#dd9a22 rgb(221,154,34)
```

Similar Colors

Text with hexadecimal color #dd6b22

This text has a font color of #dd6b22.

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

#dd6b22 background color

This paragraph has a background color of #dd6b22.

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

#dd6b22 border color

This element has a border color of #dd6b22.

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

CSS codes

.text {color:#dd6b22;}

.background {background-color:#dd6b22;}

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

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

#110803
```
#110803 rgb(17,8,3)
```
#221005
```
#221005 rgb(34,16,5)
```
#331908
```
#331908 rgb(51,25,8)
```
#44210a
```
#44210a rgb(68,33,10)
```
#55290d
```
#55290d rgb(85,41,13)
```
#663110
```
#663110 rgb(102,49,16)
```
#773a12
```
#773a12 rgb(119,58,18)
```
#884215
```
#884215 rgb(136,66,21)
```
#994a18
```
#994a18 rgb(153,74,24)
```
#aa521a
```
#aa521a rgb(170,82,26)
```
#bb5b1d
```
#bb5b1d rgb(187,91,29)
```
#cc631f
```
#cc631f rgb(204,99,31)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```

Shade Color Variation

#e07633
```
#e07633 rgb(224,118,51)
```
#e28244
```
#e28244 rgb(226,130,68)
```
#e58d55
```
#e58d55 rgb(229,141,85)
```
#e79966
```
#e79966 rgb(231,153,102)
```
#eaa477
```
#eaa477 rgb(234,164,119)
```
#edaf88
```
#edaf88 rgb(237,175,136)
```
#efbb99
```
#efbb99 rgb(239,187,153)
```
#f2c6aa
```
#f2c6aa rgb(242,198,170)
```
#f5d1bb
```
#f5d1bb rgb(245,209,187)
```
#f7ddcc
```
#f7ddcc rgb(247,221,204)
```
#fae8dd
```
#fae8dd rgb(250,232,221)
```
#fcf4ee
```
#fcf4ee rgb(252,244,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857e7a
```
#857e7a rgb(133,126,122)
```
#8f7c70
```
#8f7c70 rgb(143,124,112)
```
#987a67
```
#987a67 rgb(152,122,103)
```
#a2785d
```
#a2785d rgb(162,120,93)
```
#ac7653
```
#ac7653 rgb(172,118,83)
```
#b67449
```
#b67449 rgb(182,116,73)
```
#c0713f
```
#c0713f rgb(192,113,63)
```
#c96f36
```
#c96f36 rgb(201,111,54)
```
#d36d2c
```
#d36d2c rgb(211,109,44)
```
#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#e76918
```
#e76918 rgb(231,105,24)
```
#f1670e
```
#f1670e rgb(241,103,14)
```
#fa6505
```
#fa6505 rgb(250,101,5)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#978071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29135 Protanopia 1% of men
#b58a21 Deuteranopia 1% of men
#e16b72 Tritanopia 0.001% of the population

Trichromacy

#b7832e Protanomaly 1% of men, 0.01% of women
#c37f21 Deuteranomaly 6% of men, 0.4% of women
#df6b55 Tritanomaly 0.01% of the population

#dd6b22 hex color

#dd6b22 Color Information

#dd6b22 Color Conversion

Color Schemes with #dd6b22

Alternatives to #dd6b22

#dd6b22 Preview

Shades and Tints of #dd6b22

Tones of #dd6b22

Color Blindness Simulator