#dd6b31 hex color

In a RGB color space, hex #dd6b31 is composed of 86.7% red, 42% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 77.8% yellow and 13.3% black. It has a hue angle of 20.2 degrees, a saturation of 71.7% and a lightness of 52.9%. #dd6b31 color hex could be obtained by blending #ffd662 with #bb0000. Closest websafe color is: #cc6633.

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

● #dd6b31 color description : Bright orange.

The hexadecimal color #dd6b31 has RGB values of R:221, G:107, B:49 and CMYK values of C:0, M:0.52, Y:0.78, K:0.13. Its decimal value is 14510897.

Hex triplet	dd6b31	`#dd6b31`
RGB Decimal	221, 107, 49	`rgb(221,107,49)`
RGB Percent	86.7, 42, 19.2	`rgb(86.7%,42%,19.2%)`
CMYK	0, 52, 78, 13
HSL	20.2°, 71.7, 52.9	`hsl(20.2,71.7%,52.9%)`
HSV (or HSB)	20.2°, 77.8, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.144, 40.942, 51.434
XYZ	35.632, 26.113, 6.069
xyY	0.525, 0.385, 26.113
CIE-LCH	58.144, 65.74, 51.48
CIE-LUV	58.144, 92.267, 44.714
Hunter-Lab	51.101, 35.041, 28.728
Binary	11011101, 01101011, 00110001

#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#31a3dd
```
#31a3dd rgb(49,163,221)
```

Complementary Color

#dd314d
```
#dd314d rgb(221,49,77)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#ddc131
```
#ddc131 rgb(221,193,49)
```

Analogous Color

#314ddd
```
#314ddd rgb(49,77,221)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#31ddc1
```
#31ddc1 rgb(49,221,193)
```

Split Complementary Color

#6b31dd
```
#6b31dd rgb(107,49,221)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#31dd6b
```
#31dd6b rgb(49,221,107)
```

Triadic Color

#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#31dd6b
```
#31dd6b rgb(49,221,107)
```
#31a3dd
```
#31a3dd rgb(49,163,221)
```

Tetradic Color

#a64a1b
```
#a64a1b rgb(166,74,27)
```
#bc541f
```
#bc541f rgb(188,84,31)
```
#d25e23
```
#d25e23 rgb(210,94,35)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#e17b47
```
#e17b47 rgb(225,123,71)
```
#e48a5d
```
#e48a5d rgb(228,138,93)
```
#e89a73
```
#e89a73 rgb(232,154,115)
```

Monochromatic Color

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

#dd4031
```
#dd4031 rgb(221,64,49)
```
#dd4e31
```
#dd4e31 rgb(221,78,49)
```
#dd5d31
```
#dd5d31 rgb(221,93,49)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#dd7931
```
#dd7931 rgb(221,121,49)
```
#dd8831
```
#dd8831 rgb(221,136,49)
```
#dd9631
```
#dd9631 rgb(221,150,49)
```

Similar Colors

Text with hexadecimal color #dd6b31

This text has a font color of #dd6b31.

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

#dd6b31 background color

This paragraph has a background color of #dd6b31.

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

#dd6b31 border color

This element has a border color of #dd6b31.

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

CSS codes

.text {color:#dd6b31;}

.background {background-color:#dd6b31;}

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

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

#0d0602
```
#0d0602 rgb(13,6,2)
```
#1e0d05
```
#1e0d05 rgb(30,13,5)
```
#2f1508
```
#2f1508 rgb(47,21,8)
```
#3f1c0a
```
#3f1c0a rgb(63,28,10)
```
#50240d
```
#50240d rgb(80,36,13)
```
#612b10
```
#612b10 rgb(97,43,16)
```
#723313
```
#723313 rgb(114,51,19)
```
#833a16
```
#833a16 rgb(131,58,22)
```
#944218
```
#944218 rgb(148,66,24)
```
#a4491b
```
#a4491b rgb(164,73,27)
```
#b5511e
```
#b5511e rgb(181,81,30)
```
#c65821
```
#c65821 rgb(198,88,33)
```
#d76023
```
#d76023 rgb(215,96,35)
```

Shade Color Variation

#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#e07742
```
#e07742 rgb(224,119,66)
```
#e38353
```
#e38353 rgb(227,131,83)
```
#e58f64
```
#e58f64 rgb(229,143,100)
```
#e89b74
```
#e89b74 rgb(232,155,116)
```
#eba785
```
#eba785 rgb(235,167,133)
```
#eeb496
```
#eeb496 rgb(238,180,150)
```
#f0c0a7
```
#f0c0a7 rgb(240,192,167)
```
#f3ccb8
```
#f3ccb8 rgb(243,204,184)
```
#f6d8c9
```
#f6d8c9 rgb(246,216,201)
```
#f9e4d9
```
#f9e4d9 rgb(249,228,217)
```
#fcf0ea
```
#fcf0ea rgb(252,240,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#8a8684
```
#8a8684 rgb(138,134,132)
```
#93837b
```
#93837b rgb(147,131,123)
```
#9c8072
```
#9c8072 rgb(156,128,114)
```
#a67d68
```
#a67d68 rgb(166,125,104)
```
#af7a5f
```
#af7a5f rgb(175,122,95)
```
#b87756
```
#b87756 rgb(184,119,86)
```
#c1744d
```
#c1744d rgb(193,116,77)
```
#cb7143
```
#cb7143 rgb(203,113,67)
```
#d46e3a
```
#d46e3a rgb(212,110,58)
```
#dd6b31
```
#dd6b31 rgb(221,107,49)
```
#e66828
```
#e66828 rgb(230,104,40)
```
#ef651f
```
#ef651f rgb(239,101,31)
```
#f96215
```
#f96215 rgb(249,98,21)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#978175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19144 Protanopia 1% of men
#b48a33 Deuteranopia 1% of men
#e16c73 Tritanopia 0.001% of the population

Trichromacy

#b6833d Protanomaly 1% of men, 0.01% of women
#c37f32 Deuteranomaly 6% of men, 0.4% of women
#df6c5b Tritanomaly 0.01% of the population

#dd6b31 hex color

#dd6b31 Color Information

#dd6b31 Color Conversion

Color Schemes with #dd6b31

Alternatives to #dd6b31

#dd6b31 Preview

Shades and Tints of #dd6b31

Tones of #dd6b31

Color Blindness Simulator