#dd5f2c hex color

In a RGB color space, hex #dd5f2c is composed of 86.7% red, 37.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 80.1% yellow and 13.3% black. It has a hue angle of 17.3 degrees, a saturation of 72.2% and a lightness of 52%. #dd5f2c color hex could be obtained by blending #ffbe58 with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 37
- B 17
RGB color chart
- C 0
- M 57
- Y 80
- K 13
CMYK color chart

● #dd5f2c color description : Bright orange.

The hexadecimal color #dd5f2c has RGB values of R:221, G:95, B:44 and CMYK values of C:0, M:0.57, Y:0.8, K:0.13. Its decimal value is 14507820.

Hex triplet	dd5f2c	`#dd5f2c`
RGB Decimal	221, 95, 44	`rgb(221,95,44)`
RGB Percent	86.7, 37.3, 17.3	`rgb(86.7%,37.3%,17.3%)`
CMYK	0, 57, 80, 13
HSL	17.3°, 72.2, 52	`hsl(17.3,72.2%,52%)`
HSV (or HSB)	17.3°, 80.1, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.828, 46.603, 51.487
XYZ	34.367, 23.742, 5.156
xyY	0.543, 0.375, 23.742
CIE-LCH	55.828, 69.446, 47.85
CIE-LUV	55.828, 102.176, 42.102
Hunter-Lab	48.726, 40.629, 27.834
Binary	11011101, 01011111, 00101100

#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#2caadd
```
#2caadd rgb(44,170,221)
```

Complementary Color

#dd2c52
```
#dd2c52 rgb(221,44,82)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#ddb82c
```
#ddb82c rgb(221,184,44)
```

Analogous Color

#2c52dd
```
#2c52dd rgb(44,82,221)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#2cddb8
```
#2cddb8 rgb(44,221,184)
```

Split Complementary Color

#5f2cdd
```
#5f2cdd rgb(95,44,221)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#2cdd5f
```
#2cdd5f rgb(44,221,95)
```

Triadic Color

#dd2caa
```
#dd2caa rgb(221,44,170)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#2cdd5f
```
#2cdd5f rgb(44,221,95)
```
#2caadd
```
#2caadd rgb(44,170,221)
```

Tetradic Color

#a2411a
```
#a2411a rgb(162,65,26)
```
#b84a1e
```
#b84a1e rgb(184,74,30)
```
#ce5321
```
#ce5321 rgb(206,83,33)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#e17042
```
#e17042 rgb(225,112,66)
```
#e48058
```
#e48058 rgb(228,128,88)
```
#e8916e
```
#e8916e rgb(232,145,110)
```

Monochromatic Color

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

#dd332c
```
#dd332c rgb(221,51,44)
```
#dd412c
```
#dd412c rgb(221,65,44)
```
#dd502c
```
#dd502c rgb(221,80,44)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#dd6e2c
```
#dd6e2c rgb(221,110,44)
```
#dd7d2c
```
#dd7d2c rgb(221,125,44)
```
#dd8b2c
```
#dd8b2c rgb(221,139,44)
```

Similar Colors

Text with hexadecimal color #dd5f2c

This text has a font color of #dd5f2c.

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

#dd5f2c background color

This paragraph has a background color of #dd5f2c.

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

#dd5f2c border color

This element has a border color of #dd5f2c.

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

CSS codes

.text {color:#dd5f2c;}

.background {background-color:#dd5f2c;}

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

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

#090301
```
#090301 rgb(9,3,1)
```
#1a0a04
```
#1a0a04 rgb(26,10,4)
```
#2a1107
```
#2a1107 rgb(42,17,7)
```
#3b180a
```
#3b180a rgb(59,24,10)
```
#4c1f0c
```
#4c1f0c rgb(76,31,12)
```
#5d250f
```
#5d250f rgb(93,37,15)
```
#6e2c12
```
#6e2c12 rgb(110,44,18)
```
#7f3314
```
#7f3314 rgb(127,51,20)
```
#903a17
```
#903a17 rgb(144,58,23)
```
#a1411a
```
#a1411a rgb(161,65,26)
```
#b2481d
```
#b2481d rgb(178,72,29)
```
#c24e1f
```
#c24e1f rgb(194,78,31)
```
#d35522
```
#d35522 rgb(211,85,34)
```

Shade Color Variation

#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#e06c3d
```
#e06c3d rgb(224,108,61)
```
#e2794e
```
#e2794e rgb(226,121,78)
```
#e5855f
```
#e5855f rgb(229,133,95)
```
#e89270
```
#e89270 rgb(232,146,112)
```
#eb9f80
```
#eb9f80 rgb(235,159,128)
```
#edac91
```
#edac91 rgb(237,172,145)
```
#f0b9a2
```
#f0b9a2 rgb(240,185,162)
```
#f3c5b3
```
#f3c5b3 rgb(243,197,179)
```
#f5d2c4
```
#f5d2c4 rgb(245,210,196)
```
#f8dfd5
```
#f8dfd5 rgb(248,223,213)
```
#fbece6
```
#fbece6 rgb(251,236,230)
```
#fef9f7
```
#fef9f7 rgb(254,249,247)
```

Tint Color Variation

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

#888381
```
#888381 rgb(136,131,129)
```
#927f77
```
#927f77 rgb(146,127,119)
```
#9b7b6e
```
#9b7b6e rgb(155,123,110)
```
#a47765
```
#a47765 rgb(164,119,101)
```
#ae735b
```
#ae735b rgb(174,115,91)
```
#b76f52
```
#b76f52 rgb(183,111,82)
```
#c16b48
```
#c16b48 rgb(193,107,72)
```
#ca673f
```
#ca673f rgb(202,103,63)
```
#d46335
```
#d46335 rgb(212,99,53)
```
#dd5f2c
```
#dd5f2c rgb(221,95,44)
```
#e65b23
```
#e65b23 rgb(230,91,35)
```
#f05719
```
#f05719 rgb(240,87,25)
```
#f95310
```
#f95310 rgb(249,83,16)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#92796e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8c40 Protanopia 1% of men
#ae852c Deuteranopia 1% of men
#e06167 Tritanopia 0.001% of the population

Trichromacy

#b37b39 Protanomaly 1% of men, 0.01% of women
#bf772c Deuteranomaly 6% of men, 0.4% of women
#df6051 Tritanomaly 0.01% of the population

#dd5f2c hex color

#dd5f2c Color Information

#dd5f2c Color Conversion

Color Schemes with #dd5f2c

Alternatives to #dd5f2c

#dd5f2c Preview

Shades and Tints of #dd5f2c

Tones of #dd5f2c

Color Blindness Simulator