#dd316f hex color

In a RGB color space, hex #dd316f is composed of 86.7% red, 19.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 49.8% yellow and 13.3% black. It has a hue angle of 338.4 degrees, a saturation of 71.7% and a lightness of 52.9%. #dd316f color hex could be obtained by blending #ff62de with #bb0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 87
- G 19
- B 44
RGB color chart
- C 0
- M 78
- Y 50
- K 13
CMYK color chart

● #dd316f color description : Bright pink.

The hexadecimal color #dd316f has RGB values of R:221, G:49, B:111 and CMYK values of C:0, M:0.78, Y:0.5, K:0.13. Its decimal value is 14496111.

Hex triplet	dd316f	`#dd316f`
RGB Decimal	221, 49, 111	`rgb(221,49,111)`
RGB Percent	86.7, 19.2, 43.5	`rgb(86.7%,19.2%,43.5%)`
CMYK	0, 78, 50, 13
HSL	338.4°, 71.7, 52.9	`hsl(338.4,71.7%,52.9%)`
HSV (or HSB)	338.4°, 77.8, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.358, 68.168, 6.987
XYZ	33.787, 18.72, 16.872
xyY	0.487, 0.27, 18.72
CIE-LCH	50.358, 68.525, 5.852
CIE-LUV	50.358, 112.748, -4.586
Hunter-Lab	43.267, 63.675, 7.166
Binary	11011101, 00110001, 01101111

#dd316f
```
#dd316f rgb(221,49,111)
```
#31dd9f
```
#31dd9f rgb(49,221,159)
```

Complementary Color

#dd31c5
```
#dd31c5 rgb(221,49,197)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#dd4931
```
#dd4931 rgb(221,73,49)
```

Analogous Color

#31c5dd
```
#31c5dd rgb(49,197,221)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#31dd49
```
#31dd49 rgb(49,221,73)
```

Split Complementary Color

#316fdd
```
#316fdd rgb(49,111,221)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#6fdd31
```
#6fdd31 rgb(111,221,49)
```

Triadic Color

#9f31dd
```
#9f31dd rgb(159,49,221)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#6fdd31
```
#6fdd31 rgb(111,221,49)
```
#31dd9f
```
#31dd9f rgb(49,221,159)
```

Tetradic Color

#a61b4d
```
#a61b4d rgb(166,27,77)
```
#bc1f58
```
#bc1f58 rgb(188,31,88)
```
#d22362
```
#d22362 rgb(210,35,98)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#e1477e
```
#e1477e rgb(225,71,126)
```
#e45d8e
```
#e45d8e rgb(228,93,142)
```
#e8739d
```
#e8739d rgb(232,115,157)
```

Monochromatic Color

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

#dd319a
```
#dd319a rgb(221,49,154)
```
#dd318c
```
#dd318c rgb(221,49,140)
```
#dd317d
```
#dd317d rgb(221,49,125)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#dd3161
```
#dd3161 rgb(221,49,97)
```
#dd3152
```
#dd3152 rgb(221,49,82)
```
#dd3144
```
#dd3144 rgb(221,49,68)
```

Similar Colors

Text with hexadecimal color #dd316f

This text has a font color of #dd316f.

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

#dd316f background color

This paragraph has a background color of #dd316f.

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

#dd316f border color

This element has a border color of #dd316f.

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

CSS codes

.text {color:#dd316f;}

.background {background-color:#dd316f;}

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

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

#0d0206
```
#0d0206 rgb(13,2,6)
```
#1e050e
```
#1e050e rgb(30,5,14)
```
#2f0816
```
#2f0816 rgb(47,8,22)
```
#3f0a1e
```
#3f0a1e rgb(63,10,30)
```
#500d25
```
#500d25 rgb(80,13,37)
```
#61102d
```
#61102d rgb(97,16,45)
```
#721335
```
#721335 rgb(114,19,53)
```
#83163d
```
#83163d rgb(131,22,61)
```
#941845
```
#941845 rgb(148,24,69)
```
#a41b4d
```
#a41b4d rgb(164,27,77)
```
#b51e54
```
#b51e54 rgb(181,30,84)
```
#c6215c
```
#c6215c rgb(198,33,92)
```
#d72364
```
#d72364 rgb(215,35,100)
```

Shade Color Variation

#dd316f
```
#dd316f rgb(221,49,111)
```
#e0427b
```
#e0427b rgb(224,66,123)
```
#e35387
```
#e35387 rgb(227,83,135)
```
#e56492
```
#e56492 rgb(229,100,146)
```
#e8749e
```
#e8749e rgb(232,116,158)
```
#eb85aa
```
#eb85aa rgb(235,133,170)
```
#ee96b6
```
#ee96b6 rgb(238,150,182)
```
#f0a7c1
```
#f0a7c1 rgb(240,167,193)
```
#f3b8cd
```
#f3b8cd rgb(243,184,205)
```
#f6c9d9
```
#f6c9d9 rgb(246,201,217)
```
#f9d9e5
```
#f9d9e5 rgb(249,217,229)
```
#fceaf0
```
#fceaf0 rgb(252,234,240)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#8a8486
```
#8a8486 rgb(138,132,134)
```
#937b84
```
#937b84 rgb(147,123,132)
```
#9c7281
```
#9c7281 rgb(156,114,129)
```
#a6687e
```
#a6687e rgb(166,104,126)
```
#af5f7c
```
#af5f7c rgb(175,95,124)
```
#b85679
```
#b85679 rgb(184,86,121)
```
#c14d77
```
#c14d77 rgb(193,77,119)
```
#cb4374
```
#cb4374 rgb(203,67,116)
```
#d43a72
```
#d43a72 rgb(212,58,114)
```
#dd316f
```
#dd316f rgb(221,49,111)
```
#e6286c
```
#e6286c rgb(230,40,108)
```
#ef1f6a
```
#ef1f6a rgb(239,31,106)
```
#f91567
```
#f91567 rgb(249,21,103)
```

Tone Color Variation

Below, you can see how #dd316f 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
#825f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d95 Protanopia 1% of men
#917a6b Deuteranopia 1% of men
#dc474a Tritanopia 0.001% of the population

Trichromacy

#9d6187 Protanomaly 1% of men, 0.01% of women
#ad5f6c Deuteranomaly 6% of men, 0.4% of women
#dc3f57 Tritanomaly 0.01% of the population

#dd316f hex color

#dd316f Color Information

#dd316f Color Conversion

Color Schemes with #dd316f

Alternatives to #dd316f

#dd316f Preview

Shades and Tints of #dd316f

Tones of #dd316f

Color Blindness Simulator