#dd31a8 hex color

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

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

● #dd31a8 color description : Bright pink.

The hexadecimal color #dd31a8 has RGB values of R:221, G:49, B:168 and CMYK values of C:0, M:0.78, Y:0.24, K:0.13. Its decimal value is 14496168.

Hex triplet	dd31a8	`#dd31a8`
RGB Decimal	221, 49, 168	`rgb(221,49,168)`
RGB Percent	86.7, 19.2, 65.9	`rgb(86.7%,19.2%,65.9%)`
CMYK	0, 78, 24, 13
HSL	318.5°, 71.7, 52.9	`hsl(318.5,71.7%,52.9%)`
HSV (or HSB)	318.5°, 77.8, 86.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	52.286, 73.96, -24.279
XYZ	37.985, 20.399, 38.981
xyY	0.39, 0.21, 20.399
CIE-LCH	52.286, 77.843, 341.827
CIE-LUV	52.286, 89.593, -47.589
Hunter-Lab	45.166, 71.083, -19.555
Binary	11011101, 00110001, 10101000

#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#31dd66
```
#31dd66 rgb(49,221,102)
```

Complementary Color

#bc31dd
```
#bc31dd rgb(188,49,221)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#dd3152
```
#dd3152 rgb(221,49,82)
```

Analogous Color

#31ddbc
```
#31ddbc rgb(49,221,188)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#52dd31
```
#52dd31 rgb(82,221,49)
```

Split Complementary Color

#31a8dd
```
#31a8dd rgb(49,168,221)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#a8dd31
```
#a8dd31 rgb(168,221,49)
```

Triadic Color

#6631dd
```
#6631dd rgb(102,49,221)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#a8dd31
```
#a8dd31 rgb(168,221,49)
```
#31dd66
```
#31dd66 rgb(49,221,102)
```

Tetradic Color

#a61b7b
```
#a61b7b rgb(166,27,123)
```
#bc1f8c
```
#bc1f8c rgb(188,31,140)
```
#d2239c
```
#d2239c rgb(210,35,156)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#e147b1
```
#e147b1 rgb(225,71,177)
```
#e45dba
```
#e45dba rgb(228,93,186)
```
#e873c4
```
#e873c4 rgb(232,115,196)
```

Monochromatic Color

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

#dd31d3
```
#dd31d3 rgb(221,49,211)
```
#dd31c5
```
#dd31c5 rgb(221,49,197)
```
#dd31b6
```
#dd31b6 rgb(221,49,182)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#dd319a
```
#dd319a rgb(221,49,154)
```
#dd318b
```
#dd318b rgb(221,49,139)
```
#dd317d
```
#dd317d rgb(221,49,125)
```

Similar Colors

Text with hexadecimal color #dd31a8

This text has a font color of #dd31a8.

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

#dd31a8 background color

This paragraph has a background color of #dd31a8.

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

#dd31a8 border color

This element has a border color of #dd31a8.

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

CSS codes

.text {color:#dd31a8;}

.background {background-color:#dd31a8;}

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

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

#0d020a
```
#0d020a rgb(13,2,10)
```
#1e0516
```
#1e0516 rgb(30,5,22)
```
#2f0823
```
#2f0823 rgb(47,8,35)
```
#3f0a2f
```
#3f0a2f rgb(63,10,47)
```
#500d3c
```
#500d3c rgb(80,13,60)
```
#611048
```
#611048 rgb(97,16,72)
```
#721355
```
#721355 rgb(114,19,85)
```
#831661
```
#831661 rgb(131,22,97)
```
#94186e
```
#94186e rgb(148,24,110)
```
#a41b7a
```
#a41b7a rgb(164,27,122)
```
#b51e87
```
#b51e87 rgb(181,30,135)
```
#c62193
```
#c62193 rgb(198,33,147)
```
#d723a0
```
#d723a0 rgb(215,35,160)
```

Shade Color Variation

#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#e042af
```
#e042af rgb(224,66,175)
```
#e353b6
```
#e353b6 rgb(227,83,182)
```
#e564bd
```
#e564bd rgb(229,100,189)
```
#e874c4
```
#e874c4 rgb(232,116,196)
```
#eb85cc
```
#eb85cc rgb(235,133,204)
```
#ee96d3
```
#ee96d3 rgb(238,150,211)
```
#f0a7da
```
#f0a7da rgb(240,167,218)
```
#f3b8e1
```
#f3b8e1 rgb(243,184,225)
```
#f6c9e8
```
#f6c9e8 rgb(246,201,232)
```
#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 #f915b3 is the most saturated one.

#8a8488
```
#8a8488 rgb(138,132,136)
```
#937b8c
```
#937b8c rgb(147,123,140)
```
#9c728f
```
#9c728f rgb(156,114,143)
```
#a66893
```
#a66893 rgb(166,104,147)
```
#af5f96
```
#af5f96 rgb(175,95,150)
```
#b8569a
```
#b8569a rgb(184,86,154)
```
#c14d9d
```
#c14d9d rgb(193,77,157)
```
#cb43a1
```
#cb43a1 rgb(203,67,161)
```
#d43aa4
```
#d43aa4 rgb(212,58,164)
```
#dd31a8
```
#dd31a8 rgb(221,49,168)
```
#e628ac
```
#e628ac rgb(230,40,172)
```
#ef1faf
```
#ef1faf rgb(239,31,175)
```
#f915b3
```
#f915b3 rgb(249,21,179)
```

Tone Color Variation

Below, you can see how #dd31a8 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
#87657d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5880d8 Protanopia 1% of men
#81809e Deuteranopia 1% of men
#d7575c Tritanopia 0.001% of the population

Trichromacy

#8863c6 Protanomaly 1% of men, 0.01% of women
#a263a1 Deuteranomaly 6% of men, 0.4% of women
#d94978 Tritanomaly 0.01% of the population

#dd31a8 hex color

#dd31a8 Color Information

#dd31a8 Color Conversion

Color Schemes with #dd31a8

Alternatives to #dd31a8

#dd31a8 Preview

Shades and Tints of #dd31a8

Tones of #dd31a8

Color Blindness Simulator