#dd3954 hex color

In a RGB color space, hex #dd3954 is composed of 86.7% red, 22.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 62% yellow and 13.3% black. It has a hue angle of 350.1 degrees, a saturation of 70.7% and a lightness of 54.5%. #dd3954 color hex could be obtained by blending #ff72a8 with #bb0000. Closest websafe color is: #cc3366.

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

● #dd3954 color description : Bright red.

The hexadecimal color #dd3954 has RGB values of R:221, G:57, B:84 and CMYK values of C:0, M:0.74, Y:0.62, K:0.13. Its decimal value is 14498132.

Hex triplet	dd3954	`#dd3954`
RGB Decimal	221, 57, 84	`rgb(221,57,84)`
RGB Percent	86.7, 22.4, 32.9	`rgb(86.7%,22.4%,32.9%)`
CMYK	0, 74, 62, 13
HSL	350.1°, 70.7, 54.5	`hsl(350.1,70.7%,54.5%)`
HSV (or HSB)	350.1°, 74.2, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.62, 63.854, 23.698
XYZ	32.883, 18.942, 10.312
xyY	0.529, 0.305, 18.942
CIE-LCH	50.62, 68.11, 20.361
CIE-LUV	50.62, 118.57, 14.225
Hunter-Lab	43.523, 58.701, 16.418
Binary	11011101, 00111001, 01010100

#dd3954
```
#dd3954 rgb(221,57,84)
```
#39ddc2
```
#39ddc2 rgb(57,221,194)
```

Complementary Color

#dd39a6
```
#dd39a6 rgb(221,57,166)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#dd7039
```
#dd7039 rgb(221,112,57)
```

Analogous Color

#39a6dd
```
#39a6dd rgb(57,166,221)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#39dd70
```
#39dd70 rgb(57,221,112)
```

Split Complementary Color

#3954dd
```
#3954dd rgb(57,84,221)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#54dd39
```
#54dd39 rgb(84,221,57)
```

Triadic Color

#c239dd
```
#c239dd rgb(194,57,221)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#54dd39
```
#54dd39 rgb(84,221,57)
```
#39ddc2
```
#39ddc2 rgb(57,221,194)
```

Tetradic Color

#ac1e35
```
#ac1e35 rgb(172,30,53)
```
#c2213c
```
#c2213c rgb(194,33,60)
```
#d72542
```
#d72542 rgb(215,37,66)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#e14f67
```
#e14f67 rgb(225,79,103)
```
#e4657a
```
#e4657a rgb(228,101,122)
```
#e87a8c
```
#e87a8c rgb(232,122,140)
```

Monochromatic Color

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

#dd397d
```
#dd397d rgb(221,57,125)
```
#dd396f
```
#dd396f rgb(221,57,111)
```
#dd3962
```
#dd3962 rgb(221,57,98)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#dd3939
```
#dd3939 rgb(221,57,57)
```
#dd4739
```
#dd4739 rgb(221,71,57)
```

Similar Colors

Text with hexadecimal color #dd3954

This text has a font color of #dd3954.

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

#dd3954 background color

This paragraph has a background color of #dd3954.

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

#dd3954 border color

This element has a border color of #dd3954.

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

CSS codes

.text {color:#dd3954;}

.background {background-color:#dd3954;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#140306
```
#140306 rgb(20,3,6)
```
#24060b
```
#24060b rgb(36,6,11)
```
#350910
```
#350910 rgb(53,9,16)
```
#460c16
```
#460c16 rgb(70,12,22)
```
#570f1b
```
#570f1b rgb(87,15,27)
```
#671220
```
#671220 rgb(103,18,32)
```
#781525
```
#781525 rgb(120,21,37)
```
#89172a
```
#89172a rgb(137,23,42)
```
#9a1a2f
```
#9a1a2f rgb(154,26,47)
```
#aa1d34
```
#aa1d34 rgb(170,29,52)
```
#bb203a
```
#bb203a rgb(187,32,58)
```
#cc233f
```
#cc233f rgb(204,35,63)
```

Shade Color Variation

#da2846
```
#da2846 rgb(218,40,70)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#e04a62
```
#e04a62 rgb(224,74,98)
```
#e35a71
```
#e35a71 rgb(227,90,113)
```
#e66b7f
```
#e66b7f rgb(230,107,127)
```
#e87c8e
```
#e87c8e rgb(232,124,142)
```
#eb8d9c
```
#eb8d9c rgb(235,141,156)
```
#ee9dab
```
#ee9dab rgb(238,157,171)
```
#f1aeb9
```
#f1aeb9 rgb(241,174,185)
```
#f4bfc8
```
#f4bfc8 rgb(244,191,200)
```
#f7d0d6
```
#f7d0d6 rgb(247,208,214)
```
#fae0e5
```
#fae0e5 rgb(250,224,229)
```
#fdf1f3
```
#fdf1f3 rgb(253,241,243)
```

Tint Color Variation

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

#8d898a
```
#8d898a rgb(141,137,138)
```
#968084
```
#968084 rgb(150,128,132)
```
#9f777e
```
#9f777e rgb(159,119,126)
```
#a76f78
```
#a76f78 rgb(167,111,120)
```
#b06672
```
#b06672 rgb(176,102,114)
```
#b95d6c
```
#b95d6c rgb(185,93,108)
```
#c25466
```
#c25466 rgb(194,84,102)
```
#cb4b60
```
#cb4b60 rgb(203,75,96)
```
#d4425a
```
#d4425a rgb(212,66,90)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#e6304e
```
#e6304e rgb(230,48,78)
```
#ef2748
```
#ef2748 rgb(239,39,72)
```
#f81e42
```
#f81e42 rgb(248,30,66)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#836368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847f74 Protanopia 1% of men
#987a52 Deuteranopia 1% of men
#dd474a Tritanopia 0.001% of the population

Trichromacy

#a46568 Protanomaly 1% of men, 0.01% of women
#b16252 Deuteranomaly 6% of men, 0.4% of women
#dd414d Tritanomaly 0.01% of the population

#dd3954 hex color

#dd3954 Color Information

#dd3954 Color Conversion

Color Schemes with #dd3954

Alternatives to #dd3954

#dd3954 Preview

Shades and Tints of #dd3954

Tones of #dd3954

Color Blindness Simulator