#d696a6 hex color

In a RGB color space, hex #d696a6 is composed of 83.9% red, 58.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.9% magenta, 22.4% yellow and 16.1% black. It has a hue angle of 345 degrees, a saturation of 43.8% and a lightness of 71.4%. #d696a6 color hex could be obtained by blending #ffffff with #ad2d4d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 84
- G 59
- B 65
RGB color chart
- C 0
- M 30
- Y 22
- K 16
CMYK color chart

● #d696a6 color description : Slightly desaturated red.

The hexadecimal color #d696a6 has RGB values of R:214, G:150, B:166 and CMYK values of C:0, M:0.3, Y:0.22, K:0.16. Its decimal value is 14063270.

Hex triplet	d696a6	`#d696a6`
RGB Decimal	214, 150, 166	`rgb(214,150,166)`
RGB Percent	83.9, 58.8, 65.1	`rgb(83.9%,58.8%,65.1%)`
CMYK	0, 30, 22, 16
HSL	345°, 43.8, 71.4	`hsl(345,43.8%,71.4%)`
HSV (or HSB)	345°, 29.9, 83.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.653, 26.313, 1.32
XYZ	45.52, 38.864, 41.178
xyY	0.363, 0.31, 38.864
CIE-LCH	68.653, 26.346, 2.873
CIE-LUV	68.653, 39.524, -2.872
Hunter-Lab	62.341, 21.241, 4.476
Binary	11010110, 10010110, 10100110

#d696a6
```
#d696a6 rgb(214,150,166)
```
#96d6c6
```
#96d6c6 rgb(150,214,198)
```

Complementary Color

#d696c6
```
#d696c6 rgb(214,150,198)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#d6a696
```
#d6a696 rgb(214,166,150)
```

Analogous Color

#96c6d6
```
#96c6d6 rgb(150,198,214)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#96d6a6
```
#96d6a6 rgb(150,214,166)
```

Split Complementary Color

#96a6d6
```
#96a6d6 rgb(150,166,214)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#a6d696
```
#a6d696 rgb(166,214,150)
```

Triadic Color

#c696d6
```
#c696d6 rgb(198,150,214)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#a6d696
```
#a6d696 rgb(166,214,150)
```
#96d6c6
```
#96d6c6 rgb(150,214,198)
```

Tetradic Color

#c15f77
```
#c15f77 rgb(193,95,119)
```
#c87187
```
#c87187 rgb(200,113,135)
```
#cf8496
```
#cf8496 rgb(207,132,150)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#dda8b6
```
#dda8b6 rgb(221,168,182)
```
#e4bbc5
```
#e4bbc5 rgb(228,187,197)
```
#ebcdd5
```
#ebcdd5 rgb(235,205,213)
```

Monochromatic Color

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

#d696b6
```
#d696b6 rgb(214,150,182)
```
#d696b1
```
#d696b1 rgb(214,150,177)
```
#d696ab
```
#d696ab rgb(214,150,171)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#d696a1
```
#d696a1 rgb(214,150,161)
```
#d6969b
```
#d6969b rgb(214,150,155)
```
#d69696
```
#d69696 rgb(214,150,150)
```

Similar Colors

Text with hexadecimal color #d696a6

This text has a font color of #d696a6.

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

#d696a6 background color

This paragraph has a background color of #d696a6.

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

#d696a6 border color

This element has a border color of #d696a6.

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

CSS codes

.text {color:#d696a6;}

.background {background-color:#d696a6;}

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

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

#080304
```
#080304 rgb(8,3,4)
```
#16090c
```
#16090c rgb(22,9,12)
```
#240e14
```
#240e14 rgb(36,14,20)
```
#32141b
```
#32141b rgb(50,20,27)
```
#401923
```
#401923 rgb(64,25,35)
```
#4e1f2b
```
#4e1f2b rgb(78,31,43)
```
#5c2432
```
#5c2432 rgb(92,36,50)
```
#6b2a3a
```
#6b2a3a rgb(107,42,58)
```
#792f42
```
#792f42 rgb(121,47,66)
```
#873549
```
#873549 rgb(135,53,73)
```
#953a51
```
#953a51 rgb(149,58,81)
```
#a34059
```
#a34059 rgb(163,64,89)
```
#b14560
```
#b14560 rgb(177,69,96)
```

Shade Color Variation

#ba4f6a
```
#ba4f6a rgb(186,79,106)
```
#c05e76
```
#c05e76 rgb(192,94,118)
```
#c56c82
```
#c56c82 rgb(197,108,130)
```
#cb7a8e
```
#cb7a8e rgb(203,122,142)
```
#d0889a
```
#d0889a rgb(208,136,154)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#dca4b2
```
#dca4b2 rgb(220,164,178)
```
#e1b2be
```
#e1b2be rgb(225,178,190)
```
#e7c0ca
```
#e7c0ca rgb(231,192,202)
```
#ecced6
```
#ecced6 rgb(236,206,214)
```
#f2dde2
```
#f2dde2 rgb(242,221,226)
```
#f7ebee
```
#f7ebee rgb(247,235,238)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#bab2b4
```
#bab2b4 rgb(186,178,180)
```
#c0acb1
```
#c0acb1 rgb(192,172,177)
```
#c5a7ae
```
#c5a7ae rgb(197,167,174)
```
#cba1ac
```
#cba1ac rgb(203,161,172)
```
#d09ca9
```
#d09ca9 rgb(208,156,169)
```
#d696a6
```
#d696a6 rgb(214,150,166)
```
#dc90a3
```
#dc90a3 rgb(220,144,163)
```
#e18ba0
```
#e18ba0 rgb(225,139,160)
```
#e7859e
```
#e7859e rgb(231,133,158)
```
#ec809b
```
#ec809b rgb(236,128,155)
```
#f27a98
```
#f27a98 rgb(242,122,152)
```
#f87495
```
#f87495 rgb(248,116,149)
```
#fd6f92
```
#fd6f92 rgb(253,111,146)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b4a7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#acabb2 Protanopia 1% of men
#bda6a7 Deuteranopia 1% of men
#d79ca6 Tritanopia 0.001% of the population

Trichromacy

#bba3ae Protanomaly 1% of men, 0.01% of women
#c6a0a6 Deuteranomaly 6% of men, 0.4% of women
#d799a6 Tritanomaly 0.01% of the population

#d696a6 hex color

#d696a6 Color Information

#d696a6 Color Conversion

Color Schemes with #d696a6

Alternatives to #d696a6

#d696a6 Preview

Shades and Tints of #d696a6

Tones of #d696a6

Color Blindness Simulator