#dd309c hex color

In a RGB color space, hex #dd309c is composed of 86.7% red, 18.8% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 29.4% yellow and 13.3% black. It has a hue angle of 322.5 degrees, a saturation of 71.8% and a lightness of 52.7%. #dd309c color hex could be obtained by blending #ff60ff with #bb0039. Closest websafe color is: #cc3399.

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

● #dd309c color description : Bright pink.

The hexadecimal color #dd309c has RGB values of R:221, G:48, B:156 and CMYK values of C:0, M:0.78, Y:0.29, K:0.13. Its decimal value is 14495900.

Hex triplet	dd309c	`#dd309c`
RGB Decimal	221, 48, 156	`rgb(221,48,156)`
RGB Percent	86.7, 18.8, 61.2	`rgb(86.7%,18.8%,61.2%)`
CMYK	0, 78, 29, 13
HSL	322.5°, 71.8, 52.7	`hsl(322.5,71.8%,52.7%)`
HSV (or HSB)	322.5°, 78.3, 86.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.712, 72.814, -18.068
XYZ	36.877, 19.89, 33.348
xyY	0.409, 0.221, 19.89
CIE-LCH	51.712, 75.022, 346.064
CIE-LUV	51.712, 94.823, -38.37
Hunter-Lab	44.598, 69.551, -13.115
Binary	11011101, 00110000, 10011100

#dd309c
```
#dd309c rgb(221,48,156)
```
#30dd71
```
#30dd71 rgb(48,221,113)
```

Complementary Color

#c830dd
```
#c830dd rgb(200,48,221)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#dd3046
```
#dd3046 rgb(221,48,70)
```

Analogous Color

#30ddc8
```
#30ddc8 rgb(48,221,200)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#46dd30
```
#46dd30 rgb(70,221,48)
```

Split Complementary Color

#309cdd
```
#309cdd rgb(48,156,221)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#9cdd30
```
#9cdd30 rgb(156,221,48)
```

Triadic Color

#7130dd
```
#7130dd rgb(113,48,221)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#9cdd30
```
#9cdd30 rgb(156,221,48)
```
#30dd71
```
#30dd71 rgb(48,221,113)
```

Tetradic Color

#a51b71
```
#a51b71 rgb(165,27,113)
```
#bb1f80
```
#bb1f80 rgb(187,31,128)
```
#d1228f
```
#d1228f rgb(209,34,143)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#e146a6
```
#e146a6 rgb(225,70,166)
```
#e45cb1
```
#e45cb1 rgb(228,92,177)
```
#e872bb
```
#e872bb rgb(232,114,187)
```

Monochromatic Color

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

#dd30c7
```
#dd30c7 rgb(221,48,199)
```
#dd30b9
```
#dd30b9 rgb(221,48,185)
```
#dd30aa
```
#dd30aa rgb(221,48,170)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#dd308e
```
#dd308e rgb(221,48,142)
```
#dd307f
```
#dd307f rgb(221,48,127)
```
#dd3071
```
#dd3071 rgb(221,48,113)
```

Similar Colors

Text with hexadecimal color #dd309c

This text has a font color of #dd309c.

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

#dd309c background color

This paragraph has a background color of #dd309c.

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

#dd309c border color

This element has a border color of #dd309c.

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

CSS codes

.text {color:#dd309c;}

.background {background-color:#dd309c;}

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

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

#0c0208
```
#0c0208 rgb(12,2,8)
```
#1d0514
```
#1d0514 rgb(29,5,20)
```
#2e081f
```
#2e081f rgb(46,8,31)
```
#3f0a2b
```
#3f0a2b rgb(63,10,43)
```
#4f0d36
```
#4f0d36 rgb(79,13,54)
```
#601042
```
#601042 rgb(96,16,66)
```
#71134e
```
#71134e rgb(113,19,78)
```
#821559
```
#821559 rgb(130,21,89)
```
#931865
```
#931865 rgb(147,24,101)
```
#a41b70
```
#a41b70 rgb(164,27,112)
```
#b51e7c
```
#b51e7c rgb(181,30,124)
```
#c52087
```
#c52087 rgb(197,32,135)
```
#d62393
```
#d62393 rgb(214,35,147)
```

Shade Color Variation

#dd309c
```
#dd309c rgb(221,48,156)
```
#e041a4
```
#e041a4 rgb(224,65,164)
```
#e352ac
```
#e352ac rgb(227,82,172)
```
#e563b4
```
#e563b4 rgb(229,99,180)
```
#e873bc
```
#e873bc rgb(232,115,188)
```
#eb84c4
```
#eb84c4 rgb(235,132,196)
```
#ee95cc
```
#ee95cc rgb(238,149,204)
```
#f0a6d4
```
#f0a6d4 rgb(240,166,212)
```
#f3b7dc
```
#f3b7dc rgb(243,183,220)
```
#f6c8e5
```
#f6c8e5 rgb(246,200,229)
```
#f9d8ed
```
#f9d8ed rgb(249,216,237)
```
#fbe9f5
```
#fbe9f5 rgb(251,233,245)
```
#fefafd
```
#fefafd rgb(254,250,253)
```

Tint Color Variation

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

#8a8387
```
#8a8387 rgb(138,131,135)
```
#937a8a
```
#937a8a rgb(147,122,138)
```
#9c718c
```
#9c718c rgb(156,113,140)
```
#a5688e
```
#a5688e rgb(165,104,142)
```
#af5e90
```
#af5e90 rgb(175,94,144)
```
#b85593
```
#b85593 rgb(184,85,147)
```
#c14c95
```
#c14c95 rgb(193,76,149)
```
#ca4397
```
#ca4397 rgb(202,67,151)
```
#d4399a
```
#d4399a rgb(212,57,154)
```
#dd309c
```
#dd309c rgb(221,48,156)
```
#e6279e
```
#e6279e rgb(230,39,158)
```
#f01da1
```
#f01da1 rgb(240,29,161)
```
#f914a3
```
#f914a3 rgb(249,20,163)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#866379 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617fca Protanopia 1% of men
#857f93 Deuteranopia 1% of men
#d85357 Tritanopia 0.001% of the population

Trichromacy

#8e62b9 Protanomaly 1% of men, 0.01% of women
#a56296 Deuteranomaly 6% of men, 0.4% of women
#da4670 Tritanomaly 0.01% of the population

#dd309c hex color

#dd309c Color Information

#dd309c Color Conversion

Color Schemes with #dd309c

Alternatives to #dd309c

#dd309c Preview

Shades and Tints of #dd309c

Tones of #dd309c

Color Blindness Simulator