#d5686c hex color

In a RGB color space, hex #d5686c is composed of 83.5% red, 40.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 49.3% yellow and 16.5% black. It has a hue angle of 357.8 degrees, a saturation of 56.5% and a lightness of 62.2%. #d5686c color hex could be obtained by blending #ffd0d8 with #ab0000. Closest websafe color is: #cc6666.

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

● #d5686c color description : Moderate red.

The hexadecimal color #d5686c has RGB values of R:213, G:104, B:108 and CMYK values of C:0, M:0.51, Y:0.49, K:0.16. Its decimal value is 13985900.

Hex triplet	d5686c	`#d5686c`
RGB Decimal	213, 104, 108	`rgb(213,104,108)`
RGB Percent	83.5, 40.8, 42.4	`rgb(83.5%,40.8%,42.4%)`
CMYK	0, 51, 49, 16
HSL	357.8°, 56.5, 62.2	`hsl(357.8,56.5%,62.2%)`
HSV (or HSB)	357.8°, 51.2, 83.5
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.204, 43.183, 18.122
XYZ	35.098, 25.132, 17.189
xyY	0.453, 0.325, 25.132
CIE-LCH	57.204, 46.831, 22.766
CIE-LUV	57.204, 78.054, 14.51
Hunter-Lab	50.132, 37.239, 14.763
Binary	11010101, 01101000, 01101100

#d5686c
```
#d5686c rgb(213,104,108)
```
#68d5d1
```
#68d5d1 rgb(104,213,209)
```

Complementary Color

#d568a3
```
#d568a3 rgb(213,104,163)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#d59b68
```
#d59b68 rgb(213,155,104)
```

Analogous Color

#68a3d5
```
#68a3d5 rgb(104,163,213)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#68d59b
```
#68d59b rgb(104,213,155)
```

Split Complementary Color

#686cd5
```
#686cd5 rgb(104,108,213)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#6cd568
```
#6cd568 rgb(108,213,104)
```

Triadic Color

#d168d5
```
#d168d5 rgb(209,104,213)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#6cd568
```
#6cd568 rgb(108,213,104)
```
#68d5d1
```
#68d5d1 rgb(104,213,209)
```

Tetradic Color

#bc3439
```
#bc3439 rgb(188,52,57)
```
#ca4045
```
#ca4045 rgb(202,64,69)
```
#cf5459
```
#cf5459 rgb(207,84,89)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#db7c7f
```
#db7c7f rgb(219,124,127)
```
#e09093
```
#e09093 rgb(224,144,147)
```
#e6a4a6
```
#e6a4a6 rgb(230,164,166)
```

Monochromatic Color

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

#d56887
```
#d56887 rgb(213,104,135)
```
#d5687e
```
#d5687e rgb(213,104,126)
```
#d56875
```
#d56875 rgb(213,104,117)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#d56d68
```
#d56d68 rgb(213,109,104)
```
#d57668
```
#d57668 rgb(213,118,104)
```
#d57f68
```
#d57f68 rgb(213,127,104)
```

Similar Colors

Text with hexadecimal color #d5686c

This text has a font color of #d5686c.

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

#d5686c background color

This paragraph has a background color of #d5686c.

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

#d5686c border color

This element has a border color of #d5686c.

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

CSS codes

.text {color:#d5686c;}

.background {background-color:#d5686c;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120505
```
#120505 rgb(18,5,5)
```
#21090a
```
#21090a rgb(33,9,10)
```
#310d0f
```
#310d0f rgb(49,13,15)
```
#401213
```
#401213 rgb(64,18,19)
```
#4f1618
```
#4f1618 rgb(79,22,24)
```
#5f1a1d
```
#5f1a1d rgb(95,26,29)
```
#6e1f21
```
#6e1f21 rgb(110,31,33)
```
#7d2326
```
#7d2326 rgb(125,35,38)
```
#8d272b
```
#8d272b rgb(141,39,43)
```
#9c2b30
```
#9c2b30 rgb(156,43,48)
```
#ab3034
```
#ab3034 rgb(171,48,52)
```
#bb3439
```
#bb3439 rgb(187,52,57)
```

Shade Color Variation

#c83a3f
```
#c83a3f rgb(200,58,63)
```
#cc494e
```
#cc494e rgb(204,73,78)
```
#d1595d
```
#d1595d rgb(209,89,93)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#d9777b
```
#d9777b rgb(217,119,123)
```
#de878a
```
#de878a rgb(222,135,138)
```
#e29699
```
#e29699 rgb(226,150,153)
```
#e6a5a8
```
#e6a5a8 rgb(230,165,168)
```
#eab5b7
```
#eab5b7 rgb(234,181,183)
```
#efc4c6
```
#efc4c6 rgb(239,196,198)
```
#f3d3d5
```
#f3d3d5 rgb(243,211,213)
```
#f7e3e4
```
#f7e3e4 rgb(247,227,228)
```
#fbf2f2
```
#fbf2f2 rgb(251,242,242)
```

Tint Color Variation

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

#a19c9c
```
#a19c9c rgb(161,156,156)
```
#a89595
```
#a89595 rgb(168,149,149)
```
#b08d8e
```
#b08d8e rgb(176,141,142)
```
#b78688
```
#b78688 rgb(183,134,136)
```
#bf7e81
```
#bf7e81 rgb(191,126,129)
```
#c6777a
```
#c6777a rgb(198,119,122)
```
#ce6f73
```
#ce6f73 rgb(206,111,115)
```
#d5686c
```
#d5686c rgb(213,104,108)
```
#dc6165
```
#dc6165 rgb(220,97,101)
```
#e4595e
```
#e4595e rgb(228,89,94)
```
#eb5257
```
#eb5257 rgb(235,82,87)
```
#f34a50
```
#f34a50 rgb(243,74,80)
```
#fa434a
```
#fa434a rgb(250,67,74)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#988283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958e81 Protanopia 1% of men
#a8896d Deuteranopia 1% of men
#d76f76 Tritanopia 0.001% of the population

Trichromacy

#ac8079 Protanomaly 1% of men, 0.01% of women
#b87d6c Deuteranomaly 6% of men, 0.4% of women
#d66c72 Tritanomaly 0.01% of the population

#d5686c hex color

#d5686c Color Information

#d5686c Color Conversion

Color Schemes with #d5686c

Alternatives to #d5686c

#d5686c Preview

Shades and Tints of #d5686c

Tones of #d5686c

Color Blindness Simulator