#d682b3 hex color

In a RGB color space, hex #d682b3 is composed of 83.9% red, 51% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 16.4% yellow and 16.1% black. It has a hue angle of 325 degrees, a saturation of 50.6% and a lightness of 67.5%. #d682b3 color hex could be obtained by blending #ffffff with #ad0567. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 84
- G 51
- B 70
RGB color chart
- C 0
- M 39
- Y 16
- K 16
CMYK color chart

● #d682b3 color description : Slightly desaturated pink.

The hexadecimal color #d682b3 has RGB values of R:214, G:130, B:179 and CMYK values of C:0, M:0.39, Y:0.16, K:0.16. Its decimal value is 14058163.

Hex triplet	d682b3	`#d682b3`
RGB Decimal	214, 130, 179	`rgb(214,130,179)`
RGB Percent	83.9, 51, 70.2	`rgb(83.9%,51%,70.2%)`
CMYK	0, 39, 16, 16
HSL	325°, 50.6, 67.5	`hsl(325,50.6%,67.5%)`
HSV (or HSB)	325°, 39.3, 83.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	64.578, 39.03, -12.013
XYZ	43.85, 33.518, 46.805
xyY	0.353, 0.27, 33.518
CIE-LCH	64.578, 40.837, 342.892
CIE-LUV	64.578, 48.239, -24.563
Hunter-Lab	57.895, 33.882, -7.407
Binary	11010110, 10000010, 10110011

#d682b3
```
#d682b3 rgb(214,130,179)
```
#82d6a5
```
#82d6a5 rgb(130,214,165)
```

Complementary Color

#cf82d6
```
#cf82d6 rgb(207,130,214)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#d68289
```
#d68289 rgb(214,130,137)
```

Analogous Color

#82d6cf
```
#82d6cf rgb(130,214,207)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#89d682
```
#89d682 rgb(137,214,130)
```

Split Complementary Color

#82b3d6
```
#82b3d6 rgb(130,179,214)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#b3d682
```
#b3d682 rgb(179,214,130)
```

Triadic Color

#a582d6
```
#a582d6 rgb(165,130,214)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#b3d682
```
#b3d682 rgb(179,214,130)
```
#82d6a5
```
#82d6a5 rgb(130,214,165)
```

Tetradic Color

#c34890
```
#c34890 rgb(195,72,144)
```
#c95c9c
```
#c95c9c rgb(201,92,156)
```
#d06fa7
```
#d06fa7 rgb(208,111,167)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#dc95bf
```
#dc95bf rgb(220,149,191)
```
#e3a8ca
```
#e3a8ca rgb(227,168,202)
```
#e9bcd6
```
#e9bcd6 rgb(233,188,214)
```

Monochromatic Color

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

#d682c8
```
#d682c8 rgb(214,130,200)
```
#d682c1
```
#d682c1 rgb(214,130,193)
```
#d682ba
```
#d682ba rgb(214,130,186)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#d682ac
```
#d682ac rgb(214,130,172)
```
#d682a5
```
#d682a5 rgb(214,130,165)
```
#d6829e
```
#d6829e rgb(214,130,158)
```

Similar Colors

Text with hexadecimal color #d682b3

This text has a font color of #d682b3.

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

#d682b3 background color

This paragraph has a background color of #d682b3.

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

#d682b3 border color

This element has a border color of #d682b3.

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

CSS codes

.text {color:#d682b3;}

.background {background-color:#d682b3;}

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

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

#080306
```
#080306 rgb(8,3,6)
```
#170710
```
#170710 rgb(23,7,16)
```
#250c1b
```
#250c1b rgb(37,12,27)
```
#341126
```
#341126 rgb(52,17,38)
```
#431630
```
#431630 rgb(67,22,48)
```
#521b3b
```
#521b3b rgb(82,27,59)
```
#612046
```
#612046 rgb(97,32,70)
```
#6f2550
```
#6f2550 rgb(111,37,80)
```
#7e295b
```
#7e295b rgb(126,41,91)
```
#8d2e65
```
#8d2e65 rgb(141,46,101)
```
#9c3370
```
#9c3370 rgb(156,51,112)
```
#aa387b
```
#aa387b rgb(170,56,123)
```
#b93d85
```
#b93d85 rgb(185,61,133)
```

Shade Color Variation

#c3478f
```
#c3478f rgb(195,71,143)
```
#c75698
```
#c75698 rgb(199,86,152)
```
#cc64a1
```
#cc64a1 rgb(204,100,161)
```
#d173aa
```
#d173aa rgb(209,115,170)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#db91bc
```
#db91bc rgb(219,145,188)
```
#e0a0c5
```
#e0a0c5 rgb(224,160,197)
```
#e5aece
```
#e5aece rgb(229,174,206)
```
#e9bdd7
```
#e9bdd7 rgb(233,189,215)
```
#eecce0
```
#eecce0 rgb(238,204,224)
```
#f3dbe9
```
#f3dbe9 rgb(243,219,233)
```
#f8e9f2
```
#f8e9f2 rgb(248,233,242)
```
#fdf8fb
```
#fdf8fb rgb(253,248,251)
```

Tint Color Variation

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

#b0a8ad
```
#b0a8ad rgb(176,168,173)
```
#b6a2ae
```
#b6a2ae rgb(182,162,174)
```
#bc9caf
```
#bc9caf rgb(188,156,175)
```
#c395b0
```
#c395b0 rgb(195,149,176)
```
#c98fb1
```
#c98fb1 rgb(201,143,177)
```
#d088b2
```
#d088b2 rgb(208,136,178)
```
#d682b3
```
#d682b3 rgb(214,130,179)
```
#dc7cb4
```
#dc7cb4 rgb(220,124,180)
```
#e375b5
```
#e375b5 rgb(227,117,181)
```
#e96fb6
```
#e96fb6 rgb(233,111,182)
```
#f068b7
```
#f068b7 rgb(240,104,183)
```
#f662b8
```
#f662b8 rgb(246,98,184)
```
#fc5cb9
```
#fc5cb9 rgb(252,92,185)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#ac9ba5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a0c5 Protanopia 1% of men
#a99db0 Deuteranopia 1% of men
#d48e98 Tritanopia 0.001% of the population

Trichromacy

#ae95be Protanomaly 1% of men, 0.01% of women
#b993b1 Deuteranomaly 6% of men, 0.4% of women
#d48aa2 Tritanomaly 0.01% of the population

#d682b3 hex color

#d682b3 Color Information

#d682b3 Color Conversion

Color Schemes with #d682b3

Alternatives to #d682b3

#d682b3 Preview

Shades and Tints of #d682b3

Tones of #d682b3

Color Blindness Simulator