#d677ae hex color

In a RGB color space, hex #d677ae is composed of 83.9% red, 46.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 18.7% yellow and 16.1% black. It has a hue angle of 325.3 degrees, a saturation of 53.7% and a lightness of 65.3%. #d677ae color hex could be obtained by blending #ffeeff with #ad005d. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 84
- G 47
- B 68
RGB color chart
- C 0
- M 44
- Y 19
- K 16
CMYK color chart

● #d677ae color description : Slightly desaturated pink.

The hexadecimal color #d677ae has RGB values of R:214, G:119, B:174 and CMYK values of C:0, M:0.44, Y:0.19, K:0.16. Its decimal value is 14055342.

Hex triplet	d677ae	`#d677ae`
RGB Decimal	214, 119, 174	`rgb(214,119,174)`
RGB Percent	83.9, 46.7, 68.2	`rgb(83.9%,46.7%,68.2%)`
CMYK	0, 44, 19, 16
HSL	325.3°, 53.7, 65.3	`hsl(325.3,53.7%,65.3%)`
HSV (or HSB)	325.3°, 44.4, 83.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	62.124, 43.999, -12.861
XYZ	41.968, 30.548, 43.728
xyY	0.361, 0.263, 30.548
CIE-LCH	62.124, 45.84, 343.706
CIE-LUV	62.124, 54.953, -26.558
Hunter-Lab	55.27, 38.816, -8.219
Binary	11010110, 01110111, 10101110

#d677ae
```
#d677ae rgb(214,119,174)
```
#77d69f
```
#77d69f rgb(119,214,159)
```

Complementary Color

#cf77d6
```
#cf77d6 rgb(207,119,214)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#d6777f
```
#d6777f rgb(214,119,127)
```

Analogous Color

#77d6cf
```
#77d6cf rgb(119,214,207)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#7fd677
```
#7fd677 rgb(127,214,119)
```

Split Complementary Color

#77aed6
```
#77aed6 rgb(119,174,214)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#aed677
```
#aed677 rgb(174,214,119)
```

Triadic Color

#9f77d6
```
#9f77d6 rgb(159,119,214)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#aed677
```
#aed677 rgb(174,214,119)
```
#77d69f
```
#77d69f rgb(119,214,159)
```

Tetradic Color

#c43c8b
```
#c43c8b rgb(196,60,139)
```
#ca5097
```
#ca5097 rgb(202,80,151)
```
#d063a2
```
#d063a2 rgb(208,99,162)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#dc8bba
```
#dc8bba rgb(220,139,186)
```
#e29ec5
```
#e29ec5 rgb(226,158,197)
```
#e8b2d1
```
#e8b2d1 rgb(232,178,209)
```

Monochromatic Color

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

#d677c6
```
#d677c6 rgb(214,119,198)
```
#d677be
```
#d677be rgb(214,119,190)
```
#d677b6
```
#d677b6 rgb(214,119,182)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#d677a6
```
#d677a6 rgb(214,119,166)
```
#d6779e
```
#d6779e rgb(214,119,158)
```
#d67796
```
#d67796 rgb(214,119,150)
```

Similar Colors

Text with hexadecimal color #d677ae

This text has a font color of #d677ae.

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

#d677ae background color

This paragraph has a background color of #d677ae.

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

#d677ae border color

This element has a border color of #d677ae.

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

CSS codes

.text {color:#d677ae;}

.background {background-color:#d677ae;}

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

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, #0f040a is the darkest color, while #ffffff is the lightest one.

#0f040a
```
#0f040a rgb(15,4,10)
```
#1e0915
```
#1e0915 rgb(30,9,21)
```
#2d0e20
```
#2d0e20 rgb(45,14,32)
```
#3c122a
```
#3c122a rgb(60,18,42)
```
#4b1735
```
#4b1735 rgb(75,23,53)
```
#5a1b40
```
#5a1b40 rgb(90,27,64)
```
#69204a
```
#69204a rgb(105,32,74)
```
#782455
```
#782455 rgb(120,36,85)
```
#87295f
```
#87295f rgb(135,41,95)
```
#962d6a
```
#962d6a rgb(150,45,106)
```
#a53275
```
#a53275 rgb(165,50,117)
```
#b5367f
```
#b5367f rgb(181,54,127)
```
#c43b8a
```
#c43b8a rgb(196,59,138)
```

Shade Color Variation

#c84a93
```
#c84a93 rgb(200,74,147)
```
#cd599c
```
#cd599c rgb(205,89,156)
```
#d168a5
```
#d168a5 rgb(209,104,165)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#db86b7
```
#db86b7 rgb(219,134,183)
```
#df95c0
```
#df95c0 rgb(223,149,192)
```
#e4a4c9
```
#e4a4c9 rgb(228,164,201)
```
#e8b3d2
```
#e8b3d2 rgb(232,179,210)
```
#edc2db
```
#edc2db rgb(237,194,219)
```
#f1d1e4
```
#f1d1e4 rgb(241,209,228)
```
#f6e1ed
```
#f6e1ed rgb(246,225,237)
```
#faf0f6
```
#faf0f6 rgb(250,240,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#ada0a8
```
#ada0a8 rgb(173,160,168)
```
#b499a9
```
#b499a9 rgb(180,153,169)
```
#bb92aa
```
#bb92aa rgb(187,146,170)
```
#c28bab
```
#c28bab rgb(194,139,171)
```
#c885ac
```
#c885ac rgb(200,133,172)
```
#cf7ead
```
#cf7ead rgb(207,126,173)
```
#d677ae
```
#d677ae rgb(214,119,174)
```
#dd70af
```
#dd70af rgb(221,112,175)
```
#e469b0
```
#e469b0 rgb(228,105,176)
```
#ea63b1
```
#ea63b1 rgb(234,99,177)
```
#f15cb2
```
#f15cb2 rgb(241,92,178)
```
#f855b3
```
#f855b3 rgb(248,85,179)
```
#ff4eb4
```
#ff4eb4 rgb(255,78,180)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a6939e Atypical Achromatopsia 0.001% of the population

Dichromacy

#909ac3 Protanopia 1% of men
#a297ab Deuteranopia 1% of men
#d3858e Tritanopia 0.001% of the population

Trichromacy

#a98dbb Protanomaly 1% of men, 0.01% of women
#b58bac Deuteranomaly 6% of men, 0.4% of women
#d48099 Tritanomaly 0.01% of the population

#d677ae hex color

#d677ae Color Information

#d677ae Color Conversion

Color Schemes with #d677ae

Alternatives to #d677ae

#d677ae Preview

Shades and Tints of #d677ae

Tones of #d677ae

Color Blindness Simulator