#dd550f hex color

In a RGB color space, hex #dd550f is composed of 86.7% red, 33.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 93.2% yellow and 13.3% black. It has a hue angle of 20.4 degrees, a saturation of 87.3% and a lightness of 46.3%. #dd550f color hex could be obtained by blending #ffaa1e with #bb0000. Closest websafe color is: #cc6600.

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

● #dd550f color description : Vivid orange.

The hexadecimal color #dd550f has RGB values of R:221, G:85, B:15 and CMYK values of C:0, M:0.62, Y:0.93, K:0.13. Its decimal value is 14505231.

Hex triplet	dd550f	`#dd550f`
RGB Decimal	221, 85, 15	`rgb(221,85,15)`
RGB Percent	86.7, 33.3, 5.9	`rgb(86.7%,33.3%,5.9%)`
CMYK	0, 62, 93, 13
HSL	20.4°, 87.3, 46.3	`hsl(20.4,87.3%,46.3%)`
HSV (or HSB)	20.4°, 93.2, 86.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.929, 50.555, 60.602
XYZ	33.155, 21.907, 2.935
xyY	0.572, 0.378, 21.907
CIE-LCH	53.929, 78.92, 50.165
CIE-LUV	53.929, 112.202, 44.677
Hunter-Lab	46.805, 44.533, 29.046
Binary	11011101, 01010101, 00001111

#dd550f
```
#dd550f rgb(221,85,15)
```
#0f97dd
```
#0f97dd rgb(15,151,221)
```

Complementary Color

#dd0f30
```
#dd0f30 rgb(221,15,48)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#ddbc0f
```
#ddbc0f rgb(221,188,15)
```

Analogous Color

#0f30dd
```
#0f30dd rgb(15,48,221)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#0fddbc
```
#0fddbc rgb(15,221,188)
```

Split Complementary Color

#550fdd
```
#550fdd rgb(85,15,221)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#0fdd55
```
#0fdd55 rgb(15,221,85)
```

Triadic Color

#dd0f97
```
#dd0f97 rgb(221,15,151)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#0fdd55
```
#0fdd55 rgb(15,221,85)
```
#0f97dd
```
#0f97dd rgb(15,151,221)
```

Tetradic Color

#95390a
```
#95390a rgb(149,57,10)
```
#ad430c
```
#ad430c rgb(173,67,12)
```
#c54c0d
```
#c54c0d rgb(197,76,13)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#ef6016
```
#ef6016 rgb(239,96,22)
```
#f1702e
```
#f1702e rgb(241,112,46)
```
#f28146
```
#f28146 rgb(242,129,70)
```

Monochromatic Color

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

#dd210f
```
#dd210f rgb(221,33,15)
```
#dd330f
```
#dd330f rgb(221,51,15)
```
#dd440f
```
#dd440f rgb(221,68,15)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#dd660f
```
#dd660f rgb(221,102,15)
```
#dd770f
```
#dd770f rgb(221,119,15)
```
#dd890f
```
#dd890f rgb(221,137,15)
```

Similar Colors

Text with hexadecimal color #dd550f

This text has a font color of #dd550f.

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

#dd550f background color

This paragraph has a background color of #dd550f.

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

#dd550f border color

This element has a border color of #dd550f.

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

CSS codes

.text {color:#dd550f;}

.background {background-color:#dd550f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130701
```
#130701 rgb(19,7,1)
```
#250e03
```
#250e03 rgb(37,14,3)
```
#381504
```
#381504 rgb(56,21,4)
```
#4a1c05
```
#4a1c05 rgb(74,28,5)
```
#5c2406
```
#5c2406 rgb(92,36,6)
```
#6f2b08
```
#6f2b08 rgb(111,43,8)
```
#813209
```
#813209 rgb(129,50,9)
```
#94390a
```
#94390a rgb(148,57,10)
```
#a6400b
```
#a6400b rgb(166,64,11)
```
#b8470d
```
#b8470d rgb(184,71,13)
```
#cb4e0e
```
#cb4e0e rgb(203,78,14)
```
#dd550f
```
#dd550f rgb(221,85,15)
```

Shade Color Variation

#ef5c11
```
#ef5c11 rgb(239,92,17)
```
#f06923
```
#f06923 rgb(240,105,35)
```
#f17536
```
#f17536 rgb(241,117,54)
```
#f38248
```
#f38248 rgb(243,130,72)
```
#f48e5a
```
#f48e5a rgb(244,142,90)
```
#f59b6d
```
#f59b6d rgb(245,155,109)
```
#f6a87f
```
#f6a87f rgb(246,168,127)
```
#f8b491
```
#f8b491 rgb(248,180,145)
```
#f9c1a4
```
#f9c1a4 rgb(249,193,164)
```
#facdb6
```
#facdb6 rgb(250,205,182)
```
#fbdac8
```
#fbdac8 rgb(251,218,200)
```
#fde6db
```
#fde6db rgb(253,230,219)
```
#fef3ed
```
#fef3ed rgb(254,243,237)
```

Tint Color Variation

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

#797573
```
#797573 rgb(121,117,115)
```
#82726a
```
#82726a rgb(130,114,106)
```
#8b6f61
```
#8b6f61 rgb(139,111,97)
```
#946c58
```
#946c58 rgb(148,108,88)
```
#9d694f
```
#9d694f rgb(157,105,79)
```
#a76645
```
#a76645 rgb(167,102,69)
```
#b0643c
```
#b0643c rgb(176,100,60)
```
#b96133
```
#b96133 rgb(185,97,51)
```
#c25e2a
```
#c25e2a rgb(194,94,42)
```
#cb5b21
```
#cb5b21 rgb(203,91,33)
```
#d45818
```
#d45818 rgb(212,88,24)
```
#dd550f
```
#dd550f rgb(221,85,15)
```
#e65206
```
#e65206 rgb(230,82,6)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8b6f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978726 Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#e0585c Tritanopia 0.001% of the population

Trichromacy

#b0751d Protanomaly 1% of men, 0.01% of women
#bc7005 Deuteranomaly 6% of men, 0.4% of women
#df5640 Tritanomaly 0.01% of the population

#dd550f hex color

#dd550f Color Information

#dd550f Color Conversion

Color Schemes with #dd550f

Alternatives to #dd550f

#dd550f Preview

Shades and Tints of #dd550f

Tones of #dd550f

Color Blindness Simulator