#dd306d hex color

In a RGB color space, hex #dd306d is composed of 86.7% red, 18.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 50.7% yellow and 13.3% black. It has a hue angle of 338.8 degrees, a saturation of 71.8% and a lightness of 52.7%. #dd306d color hex could be obtained by blending #ff60da with #bb0000. Closest websafe color is: #cc3366.

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

● #dd306d color description : Bright pink.

The hexadecimal color #dd306d has RGB values of R:221, G:48, B:109 and CMYK values of C:0, M:0.78, Y:0.51, K:0.13. Its decimal value is 14495853.

Hex triplet	dd306d	`#dd306d`
RGB Decimal	221, 48, 109	`rgb(221,48,109)`
RGB Percent	86.7, 18.8, 42.7	`rgb(86.7%,18.8%,42.7%)`
CMYK	0, 78, 51, 13
HSL	338.8°, 71.8, 52.7	`hsl(338.8,71.8%,52.7%)`
HSV (or HSB)	338.8°, 78.3, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.209, 68.287, 7.99
XYZ	33.637, 18.594, 16.285
xyY	0.491, 0.271, 18.594
CIE-LCH	50.209, 68.753, 6.674
CIE-LUV	50.209, 113.871, -3.453
Hunter-Lab	43.121, 63.782, 7.793
Binary	11011101, 00110000, 01101101

#dd306d
```
#dd306d rgb(221,48,109)
```
#30dda0
```
#30dda0 rgb(48,221,160)
```

Complementary Color

#dd30c4
```
#dd30c4 rgb(221,48,196)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#dd4a30
```
#dd4a30 rgb(221,74,48)
```

Analogous Color

#30c4dd
```
#30c4dd rgb(48,196,221)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#30dd49
```
#30dd49 rgb(48,221,73)
```

Split Complementary Color

#306ddd
```
#306ddd rgb(48,109,221)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#6ddd30
```
#6ddd30 rgb(109,221,48)
```

Triadic Color

#a030dd
```
#a030dd rgb(160,48,221)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#6ddd30
```
#6ddd30 rgb(109,221,48)
```
#30dda0
```
#30dda0 rgb(48,221,160)
```

Tetradic Color

#a51b4c
```
#a51b4c rgb(165,27,76)
```
#bb1f56
```
#bb1f56 rgb(187,31,86)
```
#d12260
```
#d12260 rgb(209,34,96)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#e1467c
```
#e1467c rgb(225,70,124)
```
#e45c8c
```
#e45c8c rgb(228,92,140)
```
#e8729b
```
#e8729b rgb(232,114,155)
```

Monochromatic Color

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

#dd3098
```
#dd3098 rgb(221,48,152)
```
#dd308a
```
#dd308a rgb(221,48,138)
```
#dd307b
```
#dd307b rgb(221,48,123)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#dd305f
```
#dd305f rgb(221,48,95)
```
#dd3050
```
#dd3050 rgb(221,48,80)
```
#dd3042
```
#dd3042 rgb(221,48,66)
```

Similar Colors

Text with hexadecimal color #dd306d

This text has a font color of #dd306d.

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

#dd306d background color

This paragraph has a background color of #dd306d.

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

#dd306d border color

This element has a border color of #dd306d.

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

CSS codes

.text {color:#dd306d;}

.background {background-color:#dd306d;}

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

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

#0c0206
```
#0c0206 rgb(12,2,6)
```
#1d050d
```
#1d050d rgb(29,5,13)
```
#2e0815
```
#2e0815 rgb(46,8,21)
```
#3f0a1d
```
#3f0a1d rgb(63,10,29)
```
#4f0d24
```
#4f0d24 rgb(79,13,36)
```
#60102c
```
#60102c rgb(96,16,44)
```
#711334
```
#711334 rgb(113,19,52)
```
#82153c
```
#82153c rgb(130,21,60)
```
#931843
```
#931843 rgb(147,24,67)
```
#a41b4b
```
#a41b4b rgb(164,27,75)
```
#b51e53
```
#b51e53 rgb(181,30,83)
```
#c5205b
```
#c5205b rgb(197,32,91)
```
#d62362
```
#d62362 rgb(214,35,98)
```

Shade Color Variation

#dd306d
```
#dd306d rgb(221,48,109)
```
#e04179
```
#e04179 rgb(224,65,121)
```
#e35285
```
#e35285 rgb(227,82,133)
```
#e56391
```
#e56391 rgb(229,99,145)
```
#e8739d
```
#e8739d rgb(232,115,157)
```
#eb84a8
```
#eb84a8 rgb(235,132,168)
```
#ee95b4
```
#ee95b4 rgb(238,149,180)
```
#f0a6c0
```
#f0a6c0 rgb(240,166,192)
```
#f3b7cc
```
#f3b7cc rgb(243,183,204)
```
#f6c8d8
```
#f6c8d8 rgb(246,200,216)
```
#f9d8e4
```
#f9d8e4 rgb(249,216,228)
```
#fbe9f0
```
#fbe9f0 rgb(251,233,240)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#8a8386
```
#8a8386 rgb(138,131,134)
```
#937a83
```
#937a83 rgb(147,122,131)
```
#9c7180
```
#9c7180 rgb(156,113,128)
```
#a5687d
```
#a5687d rgb(165,104,125)
```
#af5e7b
```
#af5e7b rgb(175,94,123)
```
#b85578
```
#b85578 rgb(184,85,120)
```
#c14c75
```
#c14c75 rgb(193,76,117)
```
#ca4372
```
#ca4372 rgb(202,67,114)
```
#d43970
```
#d43970 rgb(212,57,112)
```
#dd306d
```
#dd306d rgb(221,48,109)
```
#e6276a
```
#e6276a rgb(230,39,106)
```
#f01d68
```
#f01d68 rgb(240,29,104)
```
#f91465
```
#f91465 rgb(249,20,101)
```

Tone Color Variation

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

Dichromacy

#797d93 Protanopia 1% of men
#917969 Deuteranopia 1% of men
#dc4649 Tritanopia 0.001% of the population

Trichromacy

#9d6185 Protanomaly 1% of men, 0.01% of women
#ad5f6a Deuteranomaly 6% of men, 0.4% of women
#dc3e56 Tritanomaly 0.01% of the population

#dd306d hex color

#dd306d Color Information

#dd306d Color Conversion

Color Schemes with #dd306d

Alternatives to #dd306d

#dd306d Preview

Shades and Tints of #dd306d

Tones of #dd306d

Color Blindness Simulator