#d684ba hex color

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

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

● #d684ba color description : Slightly desaturated pink.

The hexadecimal color #d684ba has RGB values of R:214, G:132, B:186 and CMYK values of C:0, M:0.38, Y:0.13, K:0.16. Its decimal value is 14058682.

Hex triplet	d684ba	`#d684ba`
RGB Decimal	214, 132, 186	`rgb(214,132,186)`
RGB Percent	83.9, 51.8, 72.9	`rgb(83.9%,51.8%,72.9%)`
CMYK	0, 38, 13, 16
HSL	320.5°, 50, 67.8	`hsl(320.5,50%,67.8%)`
HSV (or HSB)	320.5°, 38.3, 83.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	65.236, 39.094, -14.974
XYZ	44.845, 34.346, 50.719
xyY	0.345, 0.264, 34.346
CIE-LCH	65.236, 41.864, 339.042
CIE-LUV	65.236, 45.822, -29.093
Hunter-Lab	58.605, 34.03, -10.288
Binary	11010110, 10000100, 10111010

#d684ba
```
#d684ba rgb(214,132,186)
```
#84d6a0
```
#84d6a0 rgb(132,214,160)
```

Complementary Color

#c984d6
```
#c984d6 rgb(201,132,214)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#d68491
```
#d68491 rgb(214,132,145)
```

Analogous Color

#84d6c9
```
#84d6c9 rgb(132,214,201)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#91d684
```
#91d684 rgb(145,214,132)
```

Split Complementary Color

#84bad6
```
#84bad6 rgb(132,186,214)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#bad684
```
#bad684 rgb(186,214,132)
```

Triadic Color

#a084d6
```
#a084d6 rgb(160,132,214)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#bad684
```
#bad684 rgb(186,214,132)
```
#84d6a0
```
#84d6a0 rgb(132,214,160)
```

Tetradic Color

#c34b9a
```
#c34b9a rgb(195,75,154)
```
#c95ea5
```
#c95ea5 rgb(201,94,165)
```
#d071af
```
#d071af rgb(208,113,175)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#dc97c5
```
#dc97c5 rgb(220,151,197)
```
#e3aacf
```
#e3aacf rgb(227,170,207)
```
#e9bdda
```
#e9bdda rgb(233,189,218)
```

Monochromatic Color

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

#d684cf
```
#d684cf rgb(214,132,207)
```
#d684c8
```
#d684c8 rgb(214,132,200)
```
#d684c1
```
#d684c1 rgb(214,132,193)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#d684b3
```
#d684b3 rgb(214,132,179)
```
#d684ac
```
#d684ac rgb(214,132,172)
```
#d684a6
```
#d684a6 rgb(214,132,166)
```

Similar Colors

Text with hexadecimal color #d684ba

This text has a font color of #d684ba.

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

#d684ba background color

This paragraph has a background color of #d684ba.

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

#d684ba border color

This element has a border color of #d684ba.

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

CSS codes

.text {color:#d684ba;}

.background {background-color:#d684ba;}

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

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

#090307
```
#090307 rgb(9,3,7)
```
#180813
```
#180813 rgb(24,8,19)
```
#270d1e
```
#270d1e rgb(39,13,30)
```
#361229
```
#361229 rgb(54,18,41)
```
#441735
```
#441735 rgb(68,23,53)
```
#531c40
```
#531c40 rgb(83,28,64)
```
#62214b
```
#62214b rgb(98,33,75)
```
#702557
```
#702557 rgb(112,37,87)
```
#7f2a62
```
#7f2a62 rgb(127,42,98)
```
#8e2f6e
```
#8e2f6e rgb(142,47,110)
```
#9d3479
```
#9d3479 rgb(157,52,121)
```
#ab3984
```
#ab3984 rgb(171,57,132)
```
#ba3e90
```
#ba3e90 rgb(186,62,144)
```

Shade Color Variation

#c24999
```
#c24999 rgb(194,73,153)
```
#c758a1
```
#c758a1 rgb(199,88,161)
```
#cc67a9
```
#cc67a9 rgb(204,103,169)
```
#d175b2
```
#d175b2 rgb(209,117,178)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#db93c2
```
#db93c2 rgb(219,147,194)
```
#e0a1cb
```
#e0a1cb rgb(224,161,203)
```
#e5b0d3
```
#e5b0d3 rgb(229,176,211)
```
#eabfdb
```
#eabfdb rgb(234,191,219)
```
#efcee3
```
#efcee3 rgb(239,206,227)
```
#f3dcec
```
#f3dcec rgb(243,220,236)
```
#f8ebf4
```
#f8ebf4 rgb(248,235,244)
```
#fdfafc
```
#fdfafc rgb(253,250,252)
```

Tint Color Variation

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

#b0aaae
```
#b0aaae rgb(176,170,174)
```
#b6a4b0
```
#b6a4b0 rgb(182,164,176)
```
#bd9db2
```
#bd9db2 rgb(189,157,178)
```
#c397b4
```
#c397b4 rgb(195,151,180)
```
#c991b6
```
#c991b6 rgb(201,145,182)
```
#d08ab8
```
#d08ab8 rgb(208,138,184)
```
#d684ba
```
#d684ba rgb(214,132,186)
```
#dc7ebc
```
#dc7ebc rgb(220,126,188)
```
#e377be
```
#e377be rgb(227,119,190)
```
#e971c0
```
#e971c0 rgb(233,113,192)
```
#ef6bc2
```
#ef6bc2 rgb(239,107,194)
```
#f664c4
```
#f664c4 rgb(246,100,196)
```
#fc5ec6
```
#fc5ec6 rgb(252,94,198)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#ad9da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a1cb Protanopia 1% of men
#a89fb7 Deuteranopia 1% of men
#d3919b Tritanopia 0.001% of the population

Trichromacy

#ae96c5 Protanomaly 1% of men, 0.01% of women
#b995b8 Deuteranomaly 6% of men, 0.4% of women
#d48ca6 Tritanomaly 0.01% of the population

#d684ba hex color

#d684ba Color Information

#d684ba Color Conversion

Color Schemes with #d684ba

Alternatives to #d684ba

#d684ba Preview

Shades and Tints of #d684ba

Tones of #d684ba

Color Blindness Simulator