#d684b0 hex color

In a RGB color space, hex #d684b0 is composed of 83.9% red, 51.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 17.8% yellow and 16.1% black. It has a hue angle of 327.8 degrees, a saturation of 50% and a lightness of 67.8%. #d684b0 color hex could be obtained by blending #ffffff with #ad0961. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 84
- G 52
- B 69
RGB color chart
- C 0
- M 38
- Y 18
- K 16
CMYK color chart

● #d684b0 color description : Slightly desaturated pink.

The hexadecimal color #d684b0 has RGB values of R:214, G:132, B:176 and CMYK values of C:0, M:0.38, Y:0.18, K:0.16. Its decimal value is 14058672.

Hex triplet	d684b0	`#d684b0`
RGB Decimal	214, 132, 176	`rgb(214,132,176)`
RGB Percent	83.9, 51.8, 69	`rgb(83.9%,51.8%,69%)`
CMYK	0, 38, 18, 16
HSL	327.8°, 50, 67.8	`hsl(327.8,50%,67.8%)`
HSV (or HSB)	327.8°, 38.3, 83.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	64.911, 37.503, -9.819
XYZ	43.819, 33.935, 45.314
xyY	0.356, 0.276, 33.935
CIE-LCH	64.911, 38.767, 345.328
CIE-LUV	64.911, 47.785, -21.032
Hunter-Lab	58.254, 32.323, -5.342
Binary	11010110, 10000100, 10110000

#d684b0
```
#d684b0 rgb(214,132,176)
```
#84d6aa
```
#84d6aa rgb(132,214,170)
```

Complementary Color

#d384d6
```
#d384d6 rgb(211,132,214)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#d68487
```
#d68487 rgb(214,132,135)
```

Analogous Color

#84d6d3
```
#84d6d3 rgb(132,214,211)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#87d684
```
#87d684 rgb(135,214,132)
```

Split Complementary Color

#84b0d6
```
#84b0d6 rgb(132,176,214)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#b0d684
```
#b0d684 rgb(176,214,132)
```

Triadic Color

#aa84d6
```
#aa84d6 rgb(170,132,214)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#b0d684
```
#b0d684 rgb(176,214,132)
```
#84d6aa
```
#84d6aa rgb(132,214,170)
```

Tetradic Color

#c34b8b
```
#c34b8b rgb(195,75,139)
```
#c95e97
```
#c95e97 rgb(201,94,151)
```
#d071a4
```
#d071a4 rgb(208,113,164)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#dc97bc
```
#dc97bc rgb(220,151,188)
```
#e3aac9
```
#e3aac9 rgb(227,170,201)
```
#e9bdd5
```
#e9bdd5 rgb(233,189,213)
```

Monochromatic Color

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

#d684c5
```
#d684c5 rgb(214,132,197)
```
#d684be
```
#d684be rgb(214,132,190)
```
#d684b7
```
#d684b7 rgb(214,132,183)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#d684a9
```
#d684a9 rgb(214,132,169)
```
#d684a2
```
#d684a2 rgb(214,132,162)
```
#d6849c
```
#d6849c rgb(214,132,156)
```

Similar Colors

Text with hexadecimal color #d684b0

This text has a font color of #d684b0.

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

#d684b0 background color

This paragraph has a background color of #d684b0.

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

#d684b0 border color

This element has a border color of #d684b0.

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

CSS codes

.text {color:#d684b0;}

.background {background-color:#d684b0;}

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

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

#090306
```
#090306 rgb(9,3,6)
```
#180811
```
#180811 rgb(24,8,17)
```
#270d1b
```
#270d1b rgb(39,13,27)
```
#361225
```
#361225 rgb(54,18,37)
```
#44172f
```
#44172f rgb(68,23,47)
```
#531c39
```
#531c39 rgb(83,28,57)
```
#622143
```
#622143 rgb(98,33,67)
```
#70254e
```
#70254e rgb(112,37,78)
```
#7f2a58
```
#7f2a58 rgb(127,42,88)
```
#8e2f62
```
#8e2f62 rgb(142,47,98)
```
#9d346c
```
#9d346c rgb(157,52,108)
```
#ab3976
```
#ab3976 rgb(171,57,118)
```
#ba3e80
```
#ba3e80 rgb(186,62,128)
```

Shade Color Variation

#c2498a
```
#c2498a rgb(194,73,138)
```
#c75894
```
#c75894 rgb(199,88,148)
```
#cc679d
```
#cc679d rgb(204,103,157)
```
#d175a7
```
#d175a7 rgb(209,117,167)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#db93b9
```
#db93b9 rgb(219,147,185)
```
#e0a1c3
```
#e0a1c3 rgb(224,161,195)
```
#e5b0cc
```
#e5b0cc rgb(229,176,204)
```
#eabfd6
```
#eabfd6 rgb(234,191,214)
```
#efcedf
```
#efcedf rgb(239,206,223)
```
#f3dce9
```
#f3dce9 rgb(243,220,233)
```
#f8ebf2
```
#f8ebf2 rgb(248,235,242)
```
#fdfafc
```
#fdfafc rgb(253,250,252)
```

Tint Color Variation

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

#b0aaad
```
#b0aaad rgb(176,170,173)
```
#b6a4ae
```
#b6a4ae rgb(182,164,174)
```
#bd9dae
```
#bd9dae rgb(189,157,174)
```
#c397af
```
#c397af rgb(195,151,175)
```
#c991af
```
#c991af rgb(201,145,175)
```
#d08ab0
```
#d08ab0 rgb(208,138,176)
```
#d684b0
```
#d684b0 rgb(214,132,176)
```
#dc7eb0
```
#dc7eb0 rgb(220,126,176)
```
#e377b1
```
#e377b1 rgb(227,119,177)
```
#e971b1
```
#e971b1 rgb(233,113,177)
```
#ef6bb2
```
#ef6bb2 rgb(239,107,178)
```
#f664b2
```
#f664b2 rgb(246,100,178)
```
#fc5eb3
```
#fc5eb3 rgb(252,94,179)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#ac9ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba1c1 Protanopia 1% of men
#ab9eae Deuteranopia 1% of men
#d48f99 Tritanopia 0.001% of the population

Trichromacy

#b096bb Protanomaly 1% of men, 0.01% of women
#bb94af Deuteranomaly 6% of men, 0.4% of women
#d58ba1 Tritanomaly 0.01% of the population

#d684b0 hex color

#d684b0 Color Information

#d684b0 Color Conversion

Color Schemes with #d684b0

Alternatives to #d684b0

#d684b0 Preview

Shades and Tints of #d684b0

Tones of #d684b0

Color Blindness Simulator