#dd77bb hex color

In a RGB color space, hex #dd77bb is composed of 86.7% red, 46.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 15.4% yellow and 13.3% black. It has a hue angle of 320 degrees, a saturation of 60% and a lightness of 66.7%. #dd77bb color hex could be obtained by blending #ffeeff with #bb0077. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 87
- G 47
- B 73
RGB color chart
- C 0
- M 46
- Y 15
- K 13
CMYK color chart

● #dd77bb color description : Soft pink.

The hexadecimal color #dd77bb has RGB values of R:221, G:119, B:187 and CMYK values of C:0, M:0.46, Y:0.15, K:0.13. Its decimal value is 14514107.

Hex triplet	dd77bb	`#dd77bb`
RGB Decimal	221, 119, 187	`rgb(221,119,187)`
RGB Percent	86.7, 46.7, 73.3	`rgb(86.7%,46.7%,73.3%)`
CMYK	0, 46, 15, 13
HSL	320°, 60, 66.7	`hsl(320,60%,66.7%)`
HSV (or HSB)	320°, 46.2, 86.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	63.472, 48.255, -18.126
XYZ	45.385, 32.156, 50.827
xyY	0.354, 0.25, 32.156
CIE-LCH	63.472, 51.547, 339.412
CIE-LUV	63.472, 56.973, -35.374
Hunter-Lab	56.706, 43.626, -13.449
Binary	11011101, 01110111, 10111011

#dd77bb
```
#dd77bb rgb(221,119,187)
```
#77dd99
```
#77dd99 rgb(119,221,153)
```

Complementary Color

#cc77dd
```
#cc77dd rgb(204,119,221)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#dd7788
```
#dd7788 rgb(221,119,136)
```

Analogous Color

#77ddcc
```
#77ddcc rgb(119,221,204)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#88dd77
```
#88dd77 rgb(136,221,119)
```

Split Complementary Color

#77bbdd
```
#77bbdd rgb(119,187,221)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#bbdd77
```
#bbdd77 rgb(187,221,119)
```

Triadic Color

#9977dd
```
#9977dd rgb(153,119,221)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#bbdd77
```
#bbdd77 rgb(187,221,119)
```
#77dd99
```
#77dd99 rgb(119,221,153)
```

Tetradic Color

#ce3a9c
```
#ce3a9c rgb(206,58,156)
```
#d34ea7
```
#d34ea7 rgb(211,78,167)
```
#d863b1
```
#d863b1 rgb(216,99,177)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#e28bc5
```
#e28bc5 rgb(226,139,197)
```
#e7a0cf
```
#e7a0cf rgb(231,160,207)
```
#ecb4da
```
#ecb4da rgb(236,180,218)
```

Monochromatic Color

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

#dd77d5
```
#dd77d5 rgb(221,119,213)
```
#dd77cc
```
#dd77cc rgb(221,119,204)
```
#dd77c4
```
#dd77c4 rgb(221,119,196)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#dd77b3
```
#dd77b3 rgb(221,119,179)
```
#dd77aa
```
#dd77aa rgb(221,119,170)
```
#dd77a2
```
#dd77a2 rgb(221,119,162)
```

Similar Colors

Text with hexadecimal color #dd77bb

This text has a font color of #dd77bb.

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

#dd77bb background color

This paragraph has a background color of #dd77bb.

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

#dd77bb border color

This element has a border color of #dd77bb.

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

CSS codes

.text {color:#dd77bb;}

.background {background-color:#dd77bb;}

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

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, #050104 is the darkest color, while #fcf5fa is the lightest one.

#050104
```
#050104 rgb(5,1,4)
```
#150510
```
#150510 rgb(21,5,16)
```
#25091b
```
#25091b rgb(37,9,27)
```
#340d27
```
#340d27 rgb(52,13,39)
```
#441133
```
#441133 rgb(68,17,51)
```
#54153f
```
#54153f rgb(84,21,63)
```
#63194b
```
#63194b rgb(99,25,75)
```
#731d56
```
#731d56 rgb(115,29,86)
```
#832162
```
#832162 rgb(131,33,98)
```
#92256e
```
#92256e rgb(146,37,110)
```
#a2297a
```
#a2297a rgb(162,41,122)
```
#b22c85
```
#b22c85 rgb(178,44,133)
```
#c23091
```
#c23091 rgb(194,48,145)
```

Shade Color Variation

#cd389c
```
#cd389c rgb(205,56,156)
```
#d148a3
```
#d148a3 rgb(209,72,163)
```
#d558ab
```
#d558ab rgb(213,88,171)
```
#d967b3
```
#d967b3 rgb(217,103,179)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#e187c3
```
#e187c3 rgb(225,135,195)
```
#e596cb
```
#e596cb rgb(229,150,203)
```
#e9a6d3
```
#e9a6d3 rgb(233,166,211)
```
#edb6da
```
#edb6da rgb(237,182,218)
```
#f1c5e2
```
#f1c5e2 rgb(241,197,226)
```
#f5d5ea
```
#f5d5ea rgb(245,213,234)
```
#f8e5f2
```
#f8e5f2 rgb(248,229,242)
```
#fcf5fa
```
#fcf5fa rgb(252,245,250)
```

Tint Color Variation

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

#afa5ac
```
#afa5ac rgb(175,165,172)
```
#b69eae
```
#b69eae rgb(182,158,174)
```
#bc98b0
```
#bc98b0 rgb(188,152,176)
```
#c391b2
```
#c391b2 rgb(195,145,178)
```
#c98bb4
```
#c98bb4 rgb(201,139,180)
```
#d084b7
```
#d084b7 rgb(208,132,183)
```
#d67eb9
```
#d67eb9 rgb(214,126,185)
```
#dd77bb
```
#dd77bb rgb(221,119,187)
```
#e470bd
```
#e470bd rgb(228,112,189)
```
#ea6abf
```
#ea6abf rgb(234,106,191)
```
#f163c2
```
#f163c2 rgb(241,99,194)
```
#f75dc4
```
#f75dc4 rgb(247,93,196)
```
#fe56c6
```
#fe56c6 rgb(254,86,198)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#aa95a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9dd2 Protanopia 1% of men
#a19bb6 Deuteranopia 1% of men
#d98791 Tritanopia 0.001% of the population

Trichromacy

#ab8fc9 Protanomaly 1% of men, 0.01% of women
#b78eb8 Deuteranomaly 6% of men, 0.4% of women
#da81a0 Tritanomaly 0.01% of the population

#dd77bb hex color

#dd77bb Color Information

#dd77bb Color Conversion

Color Schemes with #dd77bb

Alternatives to #dd77bb

#dd77bb Preview

Shades and Tints of #dd77bb

Tones of #dd77bb

Color Blindness Simulator