#dd5f55 hex color

In a RGB color space, hex #dd5f55 is composed of 86.7% red, 37.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 61.5% yellow and 13.3% black. It has a hue angle of 4.4 degrees, a saturation of 66.7% and a lightness of 60%. #dd5f55 color hex could be obtained by blending #ffbeaa with #bb0000. Closest websafe color is: #cc6666.

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

● #dd5f55 color description : Soft red.

The hexadecimal color #dd5f55 has RGB values of R:221, G:95, B:85 and CMYK values of C:0, M:0.57, Y:0.62, K:0.13. Its decimal value is 14507861.

Hex triplet	dd5f55	`#dd5f55`
RGB Decimal	221, 95, 85	`rgb(221,95,85)`
RGB Percent	86.7, 37.3, 33.3	`rgb(86.7%,37.3%,33.3%)`
CMYK	0, 57, 62, 13
HSL	4.4°, 66.7, 60	`hsl(4.4,66.7%,60%)`
HSV (or HSB)	4.4°, 61.5, 86.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.303, 48.604, 30.409
XYZ	35.552, 24.216, 11.396
xyY	0.5, 0.34, 24.216
CIE-LCH	56.303, 57.333, 32.032
CIE-LUV	56.303, 95.592, 25.634
Hunter-Lab	49.21, 42.842, 20.717
Binary	11011101, 01011111, 01010101

#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#55d3dd
```
#55d3dd rgb(85,211,221)
```

Complementary Color

#dd558f
```
#dd558f rgb(221,85,143)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#dda355
```
#dda355 rgb(221,163,85)
```

Analogous Color

#558fdd
```
#558fdd rgb(85,143,221)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#55dda3
```
#55dda3 rgb(85,221,163)
```

Split Complementary Color

#5f55dd
```
#5f55dd rgb(95,85,221)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#55dd5f
```
#55dd5f rgb(85,221,95)
```

Triadic Color

#dd55d3
```
#dd55d3 rgb(221,85,211)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#55dd5f
```
#55dd5f rgb(85,221,95)
```
#55d3dd
```
#55d3dd rgb(85,211,221)
```

Tetradic Color

#bf3226
```
#bf3226 rgb(191,50,38)
```
#d5372b
```
#d5372b rgb(213,55,43)
```
#d94b40
```
#d94b40 rgb(217,75,64)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#e1736a
```
#e1736a rgb(225,115,106)
```
#e68780
```
#e68780 rgb(230,135,128)
```
#ea9b95
```
#ea9b95 rgb(234,155,149)
```

Monochromatic Color

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

#dd556d
```
#dd556d rgb(221,85,109)
```
#dd5562
```
#dd5562 rgb(221,85,98)
```
#dd5556
```
#dd5556 rgb(221,85,86)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#dd6a55
```
#dd6a55 rgb(221,106,85)
```
#dd7655
```
#dd7655 rgb(221,118,85)
```
#dd8155
```
#dd8155 rgb(221,129,85)
```

Similar Colors

Text with hexadecimal color #dd5f55

This text has a font color of #dd5f55.

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

#dd5f55 background color

This paragraph has a background color of #dd5f55.

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

#dd5f55 border color

This element has a border color of #dd5f55.

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

CSS codes

.text {color:#dd5f55;}

.background {background-color:#dd5f55;}

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

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

#0a0302
```
#0a0302 rgb(10,3,2)
```
#1a0705
```
#1a0705 rgb(26,7,5)
```
#2b0b08
```
#2b0b08 rgb(43,11,8)
```
#3b0f0c
```
#3b0f0c rgb(59,15,12)
```
#4b130f
```
#4b130f rgb(75,19,15)
```
#5c1812
```
#5c1812 rgb(92,24,18)
```
#6c1c16
```
#6c1c16 rgb(108,28,22)
```
#7c2019
```
#7c2019 rgb(124,32,25)
```
#8d241c
```
#8d241c rgb(141,36,28)
```
#9d291f
```
#9d291f rgb(157,41,31)
```
#ad2d23
```
#ad2d23 rgb(173,45,35)
```
#be3126
```
#be3126 rgb(190,49,38)
```
#ce3529
```
#ce3529 rgb(206,53,41)
```

Shade Color Variation

#d64034
```
#d64034 rgb(214,64,52)
```
#da5045
```
#da5045 rgb(218,80,69)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#e06e65
```
#e06e65 rgb(224,110,101)
```
#e47e76
```
#e47e76 rgb(228,126,118)
```
#e78d86
```
#e78d86 rgb(231,141,134)
```
#ea9d96
```
#ea9d96 rgb(234,157,150)
```
#edaca7
```
#edaca7 rgb(237,172,167)
```
#f1bbb7
```
#f1bbb7 rgb(241,187,183)
```
#f4cbc7
```
#f4cbc7 rgb(244,203,199)
```
#f7dad8
```
#f7dad8 rgb(247,218,216)
```
#fae9e8
```
#fae9e8 rgb(250,233,232)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#9e9594
```
#9e9594 rgb(158,149,148)
```
#a68e8c
```
#a68e8c rgb(166,142,140)
```
#ae8784
```
#ae8784 rgb(174,135,132)
```
#b6807c
```
#b6807c rgb(182,128,124)
```
#be7a74
```
#be7a74 rgb(190,122,116)
```
#c5736d
```
#c5736d rgb(197,115,109)
```
#cd6c65
```
#cd6c65 rgb(205,108,101)
```
#d5665d
```
#d5665d rgb(213,102,93)
```
#dd5f55
```
#dd5f55 rgb(221,95,85)
```
#e5584d
```
#e5584d rgb(229,88,77)
```
#ed5245
```
#ed5245 rgb(237,82,69)
```
#f54b3d
```
#f54b3d rgb(245,75,61)
```
#fc4436
```
#fc4436 rgb(252,68,54)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#967d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#968d6b Protanopia 1% of men
#aa8756 Deuteranopia 1% of men
#df656b Tritanopia 0.001% of the population

Trichromacy

#b07c63 Protanomaly 1% of men, 0.01% of women
#bc7855 Deuteranomaly 6% of men, 0.4% of women
#de6363 Tritanomaly 0.01% of the population

#dd5f55 hex color

#dd5f55 Color Information

#dd5f55 Color Conversion

Color Schemes with #dd5f55

Alternatives to #dd5f55

#dd5f55 Preview

Shades and Tints of #dd5f55

Tones of #dd5f55

Color Blindness Simulator