#dd31a5 hex color

In a RGB color space, hex #dd31a5 is composed of 86.7% red, 19.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 25.3% yellow and 13.3% black. It has a hue angle of 319.5 degrees, a saturation of 71.7% and a lightness of 52.9%. #dd31a5 color hex could be obtained by blending #ff62ff with #bb004b. Closest websafe color is: #cc3399.

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

● #dd31a5 color description : Bright pink.

The hexadecimal color #dd31a5 has RGB values of R:221, G:49, B:165 and CMYK values of C:0, M:0.78, Y:0.25, K:0.13. Its decimal value is 14496165.

Hex triplet	dd31a5	`#dd31a5`
RGB Decimal	221, 49, 165	`rgb(221,49,165)`
RGB Percent	86.7, 19.2, 64.7	`rgb(86.7%,19.2%,64.7%)`
CMYK	0, 78, 25, 13
HSL	319.5°, 71.7, 52.9	`hsl(319.5,71.7%,52.9%)`
HSV (or HSB)	319.5°, 77.8, 86.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	52.162, 73.597, -22.702
XYZ	37.709, 20.289, 37.526
xyY	0.395, 0.212, 20.289
CIE-LCH	52.162, 77.019, 342.857
CIE-LUV	52.162, 90.83, -45.218
Hunter-Lab	45.043, 70.611, -17.865
Binary	11011101, 00110001, 10100101

#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#31dd69
```
#31dd69 rgb(49,221,105)
```

Complementary Color

#bf31dd
```
#bf31dd rgb(191,49,221)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#dd314f
```
#dd314f rgb(221,49,79)
```

Analogous Color

#31ddbf
```
#31ddbf rgb(49,221,191)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#4fdd31
```
#4fdd31 rgb(79,221,49)
```

Split Complementary Color

#31a5dd
```
#31a5dd rgb(49,165,221)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#a5dd31
```
#a5dd31 rgb(165,221,49)
```

Triadic Color

#6931dd
```
#6931dd rgb(105,49,221)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#a5dd31
```
#a5dd31 rgb(165,221,49)
```
#31dd69
```
#31dd69 rgb(49,221,105)
```

Tetradic Color

#a61b79
```
#a61b79 rgb(166,27,121)
```
#bc1f89
```
#bc1f89 rgb(188,31,137)
```
#d22399
```
#d22399 rgb(210,35,153)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#e147af
```
#e147af rgb(225,71,175)
```
#e45db8
```
#e45db8 rgb(228,93,184)
```
#e873c2
```
#e873c2 rgb(232,115,194)
```

Monochromatic Color

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

#dd31d0
```
#dd31d0 rgb(221,49,208)
```
#dd31c2
```
#dd31c2 rgb(221,49,194)
```
#dd31b3
```
#dd31b3 rgb(221,49,179)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#dd3197
```
#dd3197 rgb(221,49,151)
```
#dd3188
```
#dd3188 rgb(221,49,136)
```
#dd317a
```
#dd317a rgb(221,49,122)
```

Similar Colors

Text with hexadecimal color #dd31a5

This text has a font color of #dd31a5.

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

#dd31a5 background color

This paragraph has a background color of #dd31a5.

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

#dd31a5 border color

This element has a border color of #dd31a5.

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

CSS codes

.text {color:#dd31a5;}

.background {background-color:#dd31a5;}

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

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

#0d0209
```
#0d0209 rgb(13,2,9)
```
#1e0516
```
#1e0516 rgb(30,5,22)
```
#2f0822
```
#2f0822 rgb(47,8,34)
```
#3f0a2e
```
#3f0a2e rgb(63,10,46)
```
#500d3a
```
#500d3a rgb(80,13,58)
```
#611047
```
#611047 rgb(97,16,71)
```
#721353
```
#721353 rgb(114,19,83)
```
#83165f
```
#83165f rgb(131,22,95)
```
#94186b
```
#94186b rgb(148,24,107)
```
#a41b78
```
#a41b78 rgb(164,27,120)
```
#b51e84
```
#b51e84 rgb(181,30,132)
```
#c62190
```
#c62190 rgb(198,33,144)
```
#d7239c
```
#d7239c rgb(215,35,156)
```

Shade Color Variation

#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#e042ac
```
#e042ac rgb(224,66,172)
```
#e353b4
```
#e353b4 rgb(227,83,180)
```
#e564bb
```
#e564bb rgb(229,100,187)
```
#e874c2
```
#e874c2 rgb(232,116,194)
```
#eb85ca
```
#eb85ca rgb(235,133,202)
```
#ee96d1
```
#ee96d1 rgb(238,150,209)
```
#f0a7d8
```
#f0a7d8 rgb(240,167,216)
```
#f3b8e0
```
#f3b8e0 rgb(243,184,224)
```
#f6c9e7
```
#f6c9e7 rgb(246,201,231)
```
#f9d9ef
```
#f9d9ef rgb(249,217,239)
```
#fceaf6
```
#fceaf6 rgb(252,234,246)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#8a8488
```
#8a8488 rgb(138,132,136)
```
#937b8b
```
#937b8b rgb(147,123,139)
```
#9c728e
```
#9c728e rgb(156,114,142)
```
#a66892
```
#a66892 rgb(166,104,146)
```
#af5f95
```
#af5f95 rgb(175,95,149)
```
#b85698
```
#b85698 rgb(184,86,152)
```
#c14d9b
```
#c14d9b rgb(193,77,155)
```
#cb439f
```
#cb439f rgb(203,67,159)
```
#d43aa2
```
#d43aa2 rgb(212,58,162)
```
#dd31a5
```
#dd31a5 rgb(221,49,165)
```
#e628a8
```
#e628a8 rgb(230,40,168)
```
#ef1fab
```
#ef1fab rgb(239,31,171)
```
#f915af
```
#f915af rgb(249,21,175)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#87657c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b80d4 Protanopia 1% of men
#82809b Deuteranopia 1% of men
#d8565b Tritanopia 0.001% of the population

Trichromacy

#8a63c3 Protanomaly 1% of men, 0.01% of women
#a3639e Deuteranomaly 6% of men, 0.4% of women
#d94976 Tritanomaly 0.01% of the population

#dd31a5 hex color

#dd31a5 Color Information

#dd31a5 Color Conversion

Color Schemes with #dd31a5

Alternatives to #dd31a5

#dd31a5 Preview

Shades and Tints of #dd31a5

Tones of #dd31a5

Color Blindness Simulator