#dd551b hex color

In a RGB color space, hex #dd551b is composed of 86.7% red, 33.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 87.8% yellow and 13.3% black. It has a hue angle of 17.9 degrees, a saturation of 78.2% and a lightness of 48.6%. #dd551b color hex could be obtained by blending #ffaa36 with #bb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 87
- G 33
- B 11
RGB color chart
- C 0
- M 62
- Y 88
- K 13
CMYK color chart

● #dd551b color description : Vivid orange.

The hexadecimal color #dd551b has RGB values of R:221, G:85, B:27 and CMYK values of C:0, M:0.62, Y:0.88, K:0.13. Its decimal value is 14505243.

Hex triplet	dd551b	`#dd551b`
RGB Decimal	221, 85, 27	`rgb(221,85,27)`
RGB Percent	86.7, 33.3, 10.6	`rgb(86.7%,33.3%,10.6%)`
CMYK	0, 62, 88, 13
HSL	17.9°, 78.2, 48.6	`hsl(17.9,78.2%,48.6%)`
HSV (or HSB)	17.9°, 87.8, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.976, 50.745, 56.922
XYZ	33.267, 21.952, 3.522
xyY	0.566, 0.374, 21.952
CIE-LCH	53.976, 76.257, 48.283
CIE-LUV	53.976, 111.427, 42.926
Hunter-Lab	46.853, 44.747, 28.34
Binary	11011101, 01010101, 00011011

#dd551b
```
#dd551b rgb(221,85,27)
```
#1ba3dd
```
#1ba3dd rgb(27,163,221)
```

Complementary Color

#dd1b42
```
#dd1b42 rgb(221,27,66)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#ddb61b
```
#ddb61b rgb(221,182,27)
```

Analogous Color

#1b42dd
```
#1b42dd rgb(27,66,221)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#1bddb6
```
#1bddb6 rgb(27,221,182)
```

Split Complementary Color

#551bdd
```
#551bdd rgb(85,27,221)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#1bdd55
```
#1bdd55 rgb(27,221,85)
```

Triadic Color

#dd1ba3
```
#dd1ba3 rgb(221,27,163)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#1bdd55
```
#1bdd55 rgb(27,221,85)
```
#1ba3dd
```
#1ba3dd rgb(27,163,221)
```

Tetradic Color

#993b13
```
#993b13 rgb(153,59,19)
```
#b04415
```
#b04415 rgb(176,68,21)
```
#c64c18
```
#c64c18 rgb(198,76,24)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#e5642c
```
#e5642c rgb(229,100,44)
```
#e87443
```
#e87443 rgb(232,116,67)
```
#eb855a
```
#eb855a rgb(235,133,90)
```

Monochromatic Color

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

#dd251b
```
#dd251b rgb(221,37,27)
```
#dd351b
```
#dd351b rgb(221,53,27)
```
#dd451b
```
#dd451b rgb(221,69,27)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#dd651b
```
#dd651b rgb(221,101,27)
```
#dd751b
```
#dd751b rgb(221,117,27)
```
#dd861b
```
#dd861b rgb(221,134,27)
```

Similar Colors

Text with hexadecimal color #dd551b

This text has a font color of #dd551b.

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

#dd551b background color

This paragraph has a background color of #dd551b.

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

#dd551b border color

This element has a border color of #dd551b.

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

CSS codes

.text {color:#dd551b;}

.background {background-color:#dd551b;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1d0b04
```
#1d0b04 rgb(29,11,4)
```
#2e1206
```
#2e1206 rgb(46,18,6)
```
#401808
```
#401808 rgb(64,24,8)
```
#511f0a
```
#511f0a rgb(81,31,10)
```
#63260c
```
#63260c rgb(99,38,12)
```
#742d0e
```
#742d0e rgb(116,45,14)
```
#863310
```
#863310 rgb(134,51,16)
```
#973a12
```
#973a12 rgb(151,58,18)
```
#a94115
```
#a94115 rgb(169,65,21)
```
#ba4817
```
#ba4817 rgb(186,72,23)
```
#cc4e19
```
#cc4e19 rgb(204,78,25)
```
#dd551b
```
#dd551b rgb(221,85,27)
```

Shade Color Variation

#e56027
```
#e56027 rgb(229,96,39)
```
#e76d38
```
#e76d38 rgb(231,109,56)
```
#e9794a
```
#e9794a rgb(233,121,74)
```
#eb865b
```
#eb865b rgb(235,134,91)
```
#ed936d
```
#ed936d rgb(237,147,109)
```
#efa07e
```
#efa07e rgb(239,160,126)
```
#f1ad90
```
#f1ad90 rgb(241,173,144)
```
#f4baa1
```
#f4baa1 rgb(244,186,161)
```
#f6c7b3
```
#f6c7b3 rgb(246,199,179)
```
#f8d4c4
```
#f8d4c4 rgb(248,212,196)
```
#fae1d6
```
#fae1d6 rgb(250,225,214)
```
#fceee7
```
#fceee7 rgb(252,238,231)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#7e7b7a
```
#7e7b7a rgb(126,123,122)
```
#877871
```
#877871 rgb(135,120,113)
```
#917467
```
#917467 rgb(145,116,103)
```
#9a705e
```
#9a705e rgb(154,112,94)
```
#a46c54
```
#a46c54 rgb(164,108,84)
```
#ad684b
```
#ad684b rgb(173,104,75)
```
#b76441
```
#b76441 rgb(183,100,65)
```
#c06138
```
#c06138 rgb(192,97,56)
```
#ca5d2e
```
#ca5d2e rgb(202,93,46)
```
#d35925
```
#d35925 rgb(211,89,37)
```
#dd551b
```
#dd551b rgb(221,85,27)
```
#e75111
```
#e75111 rgb(231,81,17)
```
#f04d08
```
#f04d08 rgb(240,77,8)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8b7065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978731 Protanopia 1% of men
#a98110 Deuteranopia 1% of men
#e0585d Tritanopia 0.001% of the population

Trichromacy

#b07529 Protanomaly 1% of men, 0.01% of women
#bc7114 Deuteranomaly 6% of men, 0.4% of women
#df5745 Tritanomaly 0.01% of the population

#dd551b hex color

#dd551b Color Information

#dd551b Color Conversion

Color Schemes with #dd551b

Alternatives to #dd551b

#dd551b Preview

Shades and Tints of #dd551b

Tones of #dd551b

Color Blindness Simulator