#dd5a2d hex color

In a RGB color space, hex #dd5a2d is composed of 86.7% red, 35.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 79.6% yellow and 13.3% black. It has a hue angle of 15.3 degrees, a saturation of 72.1% and a lightness of 52.2%. #dd5a2d color hex could be obtained by blending #ffb45a with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 35
- B 18
RGB color chart
- C 0
- M 59
- Y 80
- K 13
CMYK color chart

● #dd5a2d color description : Bright orange.

The hexadecimal color #dd5a2d has RGB values of R:221, G:90, B:45 and CMYK values of C:0, M:0.59, Y:0.8, K:0.13. Its decimal value is 14506541.

Hex triplet	dd5a2d	`#dd5a2d`
RGB Decimal	221, 90, 45	`rgb(221,90,45)`
RGB Percent	86.7, 35.3, 17.6	`rgb(86.7%,35.3%,17.6%)`
CMYK	0, 59, 80, 13
HSL	15.3°, 72.1, 52.2	`hsl(15.3,72.1%,52.2%)`
HSV (or HSB)	15.3°, 79.6, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.946, 48.961, 50.177
XYZ	33.95, 22.878, 5.111
xyY	0.548, 0.369, 22.878
CIE-LCH	54.946, 70.106, 45.703
CIE-LUV	54.946, 105.856, 40.228
Hunter-Lab	47.83, 42.996, 27.146
Binary	11011101, 01011010, 00101101

#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#2db0dd
```
#2db0dd rgb(45,176,221)
```

Complementary Color

#dd2d58
```
#dd2d58 rgb(221,45,88)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#ddb22d
```
#ddb22d rgb(221,178,45)
```

Analogous Color

#2d58dd
```
#2d58dd rgb(45,88,221)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#2dddb2
```
#2dddb2 rgb(45,221,178)
```

Split Complementary Color

#5a2ddd
```
#5a2ddd rgb(90,45,221)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#2ddd5a
```
#2ddd5a rgb(45,221,90)
```

Triadic Color

#dd2db0
```
#dd2db0 rgb(221,45,176)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#2ddd5a
```
#2ddd5a rgb(45,221,90)
```
#2db0dd
```
#2db0dd rgb(45,176,221)
```

Tetradic Color

#a33d1a
```
#a33d1a rgb(163,61,26)
```
#b9461e
```
#b9461e rgb(185,70,30)
```
#cf4e22
```
#cf4e22 rgb(207,78,34)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#e16b43
```
#e16b43 rgb(225,107,67)
```
#e47c59
```
#e47c59 rgb(228,124,89)
```
#e88e6f
```
#e88e6f rgb(232,142,111)
```

Monochromatic Color

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

#dd2e2d
```
#dd2e2d rgb(221,46,45)
```
#dd3d2d
```
#dd3d2d rgb(221,61,45)
```
#dd4b2d
```
#dd4b2d rgb(221,75,45)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#dd692d
```
#dd692d rgb(221,105,45)
```
#dd772d
```
#dd772d rgb(221,119,45)
```
#dd862d
```
#dd862d rgb(221,134,45)
```

Similar Colors

Text with hexadecimal color #dd5a2d

This text has a font color of #dd5a2d.

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

#dd5a2d background color

This paragraph has a background color of #dd5a2d.

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

#dd5a2d border color

This element has a border color of #dd5a2d.

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

CSS codes

.text {color:#dd5a2d;}

.background {background-color:#dd5a2d;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#1a0a04
```
#1a0a04 rgb(26,10,4)
```
#2b1007
```
#2b1007 rgb(43,16,7)
```
#3c170a
```
#3c170a rgb(60,23,10)
```
#4d1d0c
```
#4d1d0c rgb(77,29,12)
```
#5e230f
```
#5e230f rgb(94,35,15)
```
#6f2a12
```
#6f2a12 rgb(111,42,18)
```
#803015
```
#803015 rgb(128,48,21)
```
#913617
```
#913617 rgb(145,54,23)
```
#a13d1a
```
#a13d1a rgb(161,61,26)
```
#b2431d
```
#b2431d rgb(178,67,29)
```
#c34920
```
#c34920 rgb(195,73,32)
```
#d45022
```
#d45022 rgb(212,80,34)
```

Shade Color Variation

#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#e0673e
```
#e0673e rgb(224,103,62)
```
#e2754f
```
#e2754f rgb(226,117,79)
```
#e58260
```
#e58260 rgb(229,130,96)
```
#e88f71
```
#e88f71 rgb(232,143,113)
```
#eb9c81
```
#eb9c81 rgb(235,156,129)
```
#edaa92
```
#edaa92 rgb(237,170,146)
```
#f0b7a3
```
#f0b7a3 rgb(240,183,163)
```
#f3c4b4
```
#f3c4b4 rgb(243,196,180)
```
#f6d1c5
```
#f6d1c5 rgb(246,209,197)
```
#f8dfd6
```
#f8dfd6 rgb(248,223,214)
```
#fbece7
```
#fbece7 rgb(251,236,231)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#898381
```
#898381 rgb(137,131,129)
```
#927f78
```
#927f78 rgb(146,127,120)
```
#9b7a6f
```
#9b7a6f rgb(155,122,111)
```
#a57665
```
#a57665 rgb(165,118,101)
```
#ae715c
```
#ae715c rgb(174,113,92)
```
#b76c53
```
#b76c53 rgb(183,108,83)
```
#c16849
```
#c16849 rgb(193,104,73)
```
#ca6340
```
#ca6340 rgb(202,99,64)
```
#d45f36
```
#d45f36 rgb(212,95,54)
```
#dd5a2d
```
#dd5a2d rgb(221,90,45)
```
#e65524
```
#e65524 rgb(230,85,36)
```
#f0511a
```
#f0511a rgb(240,81,26)
```
#f94c11
```
#f94c11 rgb(249,76,17)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#8f756c Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a42 Protanopia 1% of men
#ab832c Deuteranopia 1% of men
#e05d63 Tritanopia 0.001% of the population

Trichromacy

#b1783a Protanomaly 1% of men, 0.01% of women
#bd742c Deuteranomaly 6% of men, 0.4% of women
#df5c4f Tritanomaly 0.01% of the population

#dd5a2d hex color

#dd5a2d Color Information

#dd5a2d Color Conversion

Color Schemes with #dd5a2d

Alternatives to #dd5a2d

#dd5a2d Preview

Shades and Tints of #dd5a2d

Tones of #dd5a2d

Color Blindness Simulator