#dd31a3 hex color

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

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

● #dd31a3 color description : Bright pink.

The hexadecimal color #dd31a3 has RGB values of R:221, G:49, B:163 and CMYK values of C:0, M:0.78, Y:0.26, K:0.13. Its decimal value is 14496163.

Hex triplet	dd31a3	`#dd31a3`
RGB Decimal	221, 49, 163	`rgb(221,49,163)`
RGB Percent	86.7, 19.2, 63.9	`rgb(86.7%,19.2%,63.9%)`
CMYK	0, 78, 26, 13
HSL	320.2°, 71.7, 52.9	`hsl(320.2,71.7%,52.9%)`
HSV (or HSB)	320.2°, 77.8, 86.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	52.081, 73.359, -21.646
XYZ	37.528, 20.217, 36.574
xyY	0.398, 0.214, 20.217
CIE-LCH	52.081, 76.486, 343.56
CIE-LUV	52.081, 91.657, -43.639
Hunter-Lab	44.963, 70.301, -16.754
Binary	11011101, 00110001, 10100011

#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#31dd6b
```
#31dd6b rgb(49,221,107)
```

Complementary Color

#c131dd
```
#c131dd rgb(193,49,221)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#dd314d
```
#dd314d rgb(221,49,77)
```

Analogous Color

#31ddc1
```
#31ddc1 rgb(49,221,193)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#4ddd31
```
#4ddd31 rgb(77,221,49)
```

Split Complementary Color

#31a3dd
```
#31a3dd rgb(49,163,221)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#a3dd31
```
#a3dd31 rgb(163,221,49)
```

Triadic Color

#6b31dd
```
#6b31dd rgb(107,49,221)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#a3dd31
```
#a3dd31 rgb(163,221,49)
```
#31dd6b
```
#31dd6b rgb(49,221,107)
```

Tetradic Color

#a61b77
```
#a61b77 rgb(166,27,119)
```
#bc1f87
```
#bc1f87 rgb(188,31,135)
```
#d22397
```
#d22397 rgb(210,35,151)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#e147ad
```
#e147ad rgb(225,71,173)
```
#e45db7
```
#e45db7 rgb(228,93,183)
```
#e873c0
```
#e873c0 rgb(232,115,192)
```

Monochromatic Color

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

#dd31ce
```
#dd31ce rgb(221,49,206)
```
#dd31c0
```
#dd31c0 rgb(221,49,192)
```
#dd31b1
```
#dd31b1 rgb(221,49,177)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#dd3195
```
#dd3195 rgb(221,49,149)
```
#dd3186
```
#dd3186 rgb(221,49,134)
```
#dd3178
```
#dd3178 rgb(221,49,120)
```

Similar Colors

Text with hexadecimal color #dd31a3

This text has a font color of #dd31a3.

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

#dd31a3 background color

This paragraph has a background color of #dd31a3.

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

#dd31a3 border color

This element has a border color of #dd31a3.

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

CSS codes

.text {color:#dd31a3;}

.background {background-color:#dd31a3;}

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

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)
```
#1e0515
```
#1e0515 rgb(30,5,21)
```
#2f0821
```
#2f0821 rgb(47,8,33)
```
#3f0a2e
```
#3f0a2e rgb(63,10,46)
```
#500d3a
```
#500d3a rgb(80,13,58)
```
#611046
```
#611046 rgb(97,16,70)
```
#721352
```
#721352 rgb(114,19,82)
```
#83165e
```
#83165e rgb(131,22,94)
```
#94186a
```
#94186a rgb(148,24,106)
```
#a41b76
```
#a41b76 rgb(164,27,118)
```
#b51e82
```
#b51e82 rgb(181,30,130)
```
#c6218e
```
#c6218e rgb(198,33,142)
```
#d7239a
```
#d7239a rgb(215,35,154)
```

Shade Color Variation

#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#e042ab
```
#e042ab rgb(224,66,171)
```
#e353b2
```
#e353b2 rgb(227,83,178)
```
#e564ba
```
#e564ba rgb(229,100,186)
```
#e874c1
```
#e874c1 rgb(232,116,193)
```
#eb85c9
```
#eb85c9 rgb(235,133,201)
```
#ee96d0
```
#ee96d0 rgb(238,150,208)
```
#f0a7d8
```
#f0a7d8 rgb(240,167,216)
```
#f3b8df
```
#f3b8df rgb(243,184,223)
```
#f6c9e7
```
#f6c9e7 rgb(246,201,231)
```
#f9d9ee
```
#f9d9ee rgb(249,217,238)
```
#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 #f915ac is the most saturated one.

#8a8488
```
#8a8488 rgb(138,132,136)
```
#937b8b
```
#937b8b rgb(147,123,139)
```
#9c728e
```
#9c728e rgb(156,114,142)
```
#a66891
```
#a66891 rgb(166,104,145)
```
#af5f94
```
#af5f94 rgb(175,95,148)
```
#b85697
```
#b85697 rgb(184,86,151)
```
#c14d9a
```
#c14d9a rgb(193,77,154)
```
#cb439d
```
#cb439d rgb(203,67,157)
```
#d43aa0
```
#d43aa0 rgb(212,58,160)
```
#dd31a3
```
#dd31a3 rgb(221,49,163)
```
#e628a6
```
#e628a6 rgb(230,40,166)
```
#ef1fa9
```
#ef1fa9 rgb(239,31,169)
```
#f915ac
```
#f915ac rgb(249,21,172)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#87647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d80d2 Protanopia 1% of men
#838099 Deuteranopia 1% of men
#d8565a Tritanopia 0.001% of the population

Trichromacy

#8b63c1 Protanomaly 1% of men, 0.01% of women
#a4639d Deuteranomaly 6% of men, 0.4% of women
#d94875 Tritanomaly 0.01% of the population

#dd31a3 hex color

#dd31a3 Color Information

#dd31a3 Color Conversion

Color Schemes with #dd31a3

Alternatives to #dd31a3

#dd31a3 Preview

Shades and Tints of #dd31a3

Tones of #dd31a3

Color Blindness Simulator