#dd364d hex color

In a RGB color space, hex #dd364d is composed of 86.7% red, 21.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.6% magenta, 65.2% yellow and 13.3% black. It has a hue angle of 351.7 degrees, a saturation of 71.1% and a lightness of 53.9%. #dd364d color hex could be obtained by blending #ff6c9a with #bb0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 87
- G 21
- B 30
RGB color chart
- C 0
- M 76
- Y 65
- K 13
CMYK color chart

● #dd364d color description : Bright red.

The hexadecimal color #dd364d has RGB values of R:221, G:54, B:77 and CMYK values of C:0, M:0.76, Y:0.65, K:0.13. Its decimal value is 14497357.

Hex triplet	dd364d	`#dd364d`
RGB Decimal	221, 54, 77	`rgb(221,54,77)`
RGB Percent	86.7, 21.2, 30.2	`rgb(86.7%,21.2%,30.2%)`
CMYK	0, 76, 65, 13
HSL	351.7°, 71.1, 53.9	`hsl(351.7,71.1%,53.9%)`
HSV (or HSB)	351.7°, 75.6, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.157, 64.404, 27.295
XYZ	32.479, 18.55, 8.891
xyY	0.542, 0.31, 18.55
CIE-LCH	50.157, 69.949, 22.967
CIE-LUV	50.157, 122.065, 17.262
Hunter-Lab	43.07, 59.234, 17.909
Binary	11011101, 00110110, 01001101

#dd364d
```
#dd364d rgb(221,54,77)
```
#36ddc6
```
#36ddc6 rgb(54,221,198)
```

Complementary Color

#dd36a1
```
#dd36a1 rgb(221,54,161)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#dd7336
```
#dd7336 rgb(221,115,54)
```

Analogous Color

#36a1dd
```
#36a1dd rgb(54,161,221)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#36dd73
```
#36dd73 rgb(54,221,115)
```

Split Complementary Color

#364ddd
```
#364ddd rgb(54,77,221)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#4ddd36
```
#4ddd36 rgb(77,221,54)
```

Triadic Color

#c636dd
```
#c636dd rgb(198,54,221)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#4ddd36
```
#4ddd36 rgb(77,221,54)
```
#36ddc6
```
#36ddc6 rgb(54,221,198)
```

Tetradic Color

#aa1d30
```
#aa1d30 rgb(170,29,48)
```
#c02036
```
#c02036 rgb(192,32,54)
```
#d5243d
```
#d5243d rgb(213,36,61)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#e14c60
```
#e14c60 rgb(225,76,96)
```
#e46274
```
#e46274 rgb(228,98,116)
```
#e87787
```
#e87787 rgb(232,119,135)
```

Monochromatic Color

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

#dd3677
```
#dd3677 rgb(221,54,119)
```
#dd3669
```
#dd3669 rgb(221,54,105)
```
#dd365b
```
#dd365b rgb(221,54,91)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#dd363f
```
#dd363f rgb(221,54,63)
```
#dd3b36
```
#dd3b36 rgb(221,59,54)
```
#dd4936
```
#dd4936 rgb(221,73,54)
```

Similar Colors

Text with hexadecimal color #dd364d

This text has a font color of #dd364d.

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

#dd364d background color

This paragraph has a background color of #dd364d.

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

#dd364d border color

This element has a border color of #dd364d.

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

CSS codes

.text {color:#dd364d;}

.background {background-color:#dd364d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110305
```
#110305 rgb(17,3,5)
```
#22060a
```
#22060a rgb(34,6,10)
```
#33090e
```
#33090e rgb(51,9,14)
```
#430b13
```
#430b13 rgb(67,11,19)
```
#540e18
```
#540e18 rgb(84,14,24)
```
#65111d
```
#65111d rgb(101,17,29)
```
#761421
```
#761421 rgb(118,20,33)
```
#871726
```
#871726 rgb(135,23,38)
```
#971a2b
```
#971a2b rgb(151,26,43)
```
#a81c30
```
#a81c30 rgb(168,28,48)
```
#b91f34
```
#b91f34 rgb(185,31,52)
```
#ca2239
```
#ca2239 rgb(202,34,57)
```

Shade Color Variation

#da253e
```
#da253e rgb(218,37,62)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#e0475c
```
#e0475c rgb(224,71,92)
```
#e3586b
```
#e3586b rgb(227,88,107)
```
#e6687a
```
#e6687a rgb(230,104,122)
```
#e87988
```
#e87988 rgb(232,121,136)
```
#eb8a97
```
#eb8a97 rgb(235,138,151)
```
#ee9ba6
```
#ee9ba6 rgb(238,155,166)
```
#f1abb5
```
#f1abb5 rgb(241,171,181)
```
#f4bcc4
```
#f4bcc4 rgb(244,188,196)
```
#f7cdd3
```
#f7cdd3 rgb(247,205,211)
```
#f9dee2
```
#f9dee2 rgb(249,222,226)
```
#fceff0
```
#fceff0 rgb(252,239,240)
```

Tint Color Variation

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

#8c8788
```
#8c8788 rgb(140,135,136)
```
#957e81
```
#957e81 rgb(149,126,129)
```
#9e757b
```
#9e757b rgb(158,117,123)
```
#a76c74
```
#a76c74 rgb(167,108,116)
```
#b0636e
```
#b0636e rgb(176,99,110)
```
#b95a67
```
#b95a67 rgb(185,90,103)
```
#c25161
```
#c25161 rgb(194,81,97)
```
#cb485a
```
#cb485a rgb(203,72,90)
```
#d43f54
```
#d43f54 rgb(212,63,84)
```
#dd364d
```
#dd364d rgb(221,54,77)
```
#e62d46
```
#e62d46 rgb(230,45,70)
```
#ef2440
```
#ef2440 rgb(239,36,64)
```
#f81b39
```
#f81b39 rgb(248,27,57)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#826065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847e6c Protanopia 1% of men
#98784b Deuteranopia 1% of men
#de4346 Tritanopia 0.001% of the population

Trichromacy

#a46361 Protanomaly 1% of men, 0.01% of women
#b1604b Deuteranomaly 6% of men, 0.4% of women
#dd3e48 Tritanomaly 0.01% of the population

#dd364d hex color

#dd364d Color Information

#dd364d Color Conversion

Color Schemes with #dd364d

Alternatives to #dd364d

#dd364d Preview

Shades and Tints of #dd364d

Tones of #dd364d

Color Blindness Simulator