#dd5533 hex color

In a RGB color space, hex #dd5533 is composed of 86.7% red, 33.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 76.9% yellow and 13.3% black. It has a hue angle of 12 degrees, a saturation of 71.4% and a lightness of 53.3%. #dd5533 color hex could be obtained by blending #ffaa66 with #bb0000. Closest websafe color is: #cc6633.

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

● #dd5533 color description : Bright red.

The hexadecimal color #dd5533 has RGB values of R:221, G:85, B:51 and CMYK values of C:0, M:0.62, Y:0.77, K:0.13. Its decimal value is 14505267.

Hex triplet	dd5533	`#dd5533`
RGB Decimal	221, 85, 51	`rgb(221,85,51)`
RGB Percent	86.7, 33.3, 20	`rgb(86.7%,33.3%,20%)`
CMYK	0, 62, 77, 13
HSL	12°, 71.4, 53.3	`hsl(12,71.4%,53.3%)`
HSV (or HSB)	12°, 76.9, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.145, 51.42, 46.444
XYZ	33.666, 22.112, 5.627
xyY	0.548, 0.36, 22.112
CIE-LCH	54.145, 69.29, 42.089
CIE-LUV	54.145, 108.737, 36.825
Hunter-Lab	47.023, 45.507, 25.821
Binary	11011101, 01010101, 00110011

#dd5533
```
#dd5533 rgb(221,85,51)
```
#33bbdd
```
#33bbdd rgb(51,187,221)
```

Complementary Color

#dd3366
```
#dd3366 rgb(221,51,102)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#ddaa33
```
#ddaa33 rgb(221,170,51)
```

Analogous Color

#3366dd
```
#3366dd rgb(51,102,221)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#33ddaa
```
#33ddaa rgb(51,221,170)
```

Split Complementary Color

#5533dd
```
#5533dd rgb(85,51,221)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#33dd55
```
#33dd55 rgb(51,221,85)
```

Triadic Color

#dd33bb
```
#dd33bb rgb(221,51,187)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#33dd55
```
#33dd55 rgb(51,221,85)
```
#33bbdd
```
#33bbdd rgb(51,187,221)
```

Tetradic Color

#a8381c
```
#a8381c rgb(168,56,28)
```
#bd3f20
```
#bd3f20 rgb(189,63,32)
```
#d34623
```
#d34623 rgb(211,70,35)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#e16749
```
#e16749 rgb(225,103,73)
```
#e4795f
```
#e4795f rgb(228,121,95)
```
#e88c75
```
#e88c75 rgb(232,140,117)
```

Monochromatic Color

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

#dd333c
```
#dd333c rgb(221,51,60)
```
#dd3933
```
#dd3933 rgb(221,57,51)
```
#dd4733
```
#dd4733 rgb(221,71,51)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#dd6333
```
#dd6333 rgb(221,99,51)
```
#dd7133
```
#dd7133 rgb(221,113,51)
```
#dd8033
```
#dd8033 rgb(221,128,51)
```

Similar Colors

Text with hexadecimal color #dd5533

This text has a font color of #dd5533.

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

#dd5533 background color

This paragraph has a background color of #dd5533.

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

#dd5533 border color

This element has a border color of #dd5533.

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

CSS codes

.text {color:#dd5533;}

.background {background-color:#dd5533;}

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

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

#0f0502
```
#0f0502 rgb(15,5,2)
```
#1f0a05
```
#1f0a05 rgb(31,10,5)
```
#301008
```
#301008 rgb(48,16,8)
```
#41160b
```
#41160b rgb(65,22,11)
```
#521b0e
```
#521b0e rgb(82,27,14)
```
#632110
```
#632110 rgb(99,33,16)
```
#732613
```
#732613 rgb(115,38,19)
```
#842c16
```
#842c16 rgb(132,44,22)
```
#953219
```
#953219 rgb(149,50,25)
```
#a6371c
```
#a6371c rgb(166,55,28)
```
#b73d1e
```
#b73d1e rgb(183,61,30)
```
#c84321
```
#c84321 rgb(200,67,33)
```
#d84824
```
#d84824 rgb(216,72,36)
```

Shade Color Variation

#dd5533
```
#dd5533 rgb(221,85,51)
```
#e06344
```
#e06344 rgb(224,99,68)
```
#e37155
```
#e37155 rgb(227,113,85)
```
#e57f65
```
#e57f65 rgb(229,127,101)
```
#e88d76
```
#e88d76 rgb(232,141,118)
```
#eb9b87
```
#eb9b87 rgb(235,155,135)
```
#eea998
```
#eea998 rgb(238,169,152)
```
#f1b7a9
```
#f1b7a9 rgb(241,183,169)
```
#f3c5ba
```
#f3c5ba rgb(243,197,186)
```
#f6d3ca
```
#f6d3ca rgb(246,211,202)
```
#f9e1db
```
#f9e1db rgb(249,225,219)
```
#fcefec
```
#fcefec rgb(252,239,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#8b8685
```
#8b8685 rgb(139,134,133)
```
#94817c
```
#94817c rgb(148,129,124)
```
#9d7b73
```
#9d7b73 rgb(157,123,115)
```
#a6766a
```
#a6766a rgb(166,118,106)
```
#af7061
```
#af7061 rgb(175,112,97)
```
#b86b58
```
#b86b58 rgb(184,107,88)
```
#c2654e
```
#c2654e rgb(194,101,78)
```
#cb6045
```
#cb6045 rgb(203,96,69)
```
#d45a3c
```
#d45a3c rgb(212,90,60)
```
#dd5533
```
#dd5533 rgb(221,85,51)
```
#e6502a
```
#e6502a rgb(230,80,42)
```
#ef4a21
```
#ef4a21 rgb(239,74,33)
```
#f84518
```
#f84518 rgb(248,69,24)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8e736c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958849 Protanopia 1% of men
#a88133 Deuteranopia 1% of men
#e0595e Tritanopia 0.001% of the population

Trichromacy

#af7541 Protanomaly 1% of men, 0.01% of women
#bb7133 Deuteranomaly 6% of men, 0.4% of women
#de584e Tritanomaly 0.01% of the population

#dd5533 hex color

#dd5533 Color Information

#dd5533 Color Conversion

Color Schemes with #dd5533

Alternatives to #dd5533

#dd5533 Preview

Shades and Tints of #dd5533

Tones of #dd5533

Color Blindness Simulator