#ed686d hex color

In a RGB color space, hex #ed686d is composed of 92.9% red, 40.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 54% yellow and 7.1% black. It has a hue angle of 357.7 degrees, a saturation of 78.7% and a lightness of 66.9%. #ed686d color hex could be obtained by blending #ffd0da with #db0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 93
- G 41
- B 43
RGB color chart
- C 0
- M 56
- Y 54
- K 7
CMYK color chart

● #ed686d color description : Soft red.

The hexadecimal color #ed686d has RGB values of R:237, G:104, B:109 and CMYK values of C:0, M:0.56, Y:0.54, K:0.07. Its decimal value is 15558765.

Hex triplet	ed686d	`#ed686d`
RGB Decimal	237, 104, 109	`rgb(237,104,109)`
RGB Percent	92.9, 40.8, 42.7	`rgb(92.9%,40.8%,42.7%)`
CMYK	0, 56, 54, 7
HSL	357.7°, 78.7, 66.9	`hsl(357.7,78.7%,66.9%)`
HSV (or HSB)	357.7°, 56.1, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.793, 51.748, 22.999
XYZ	42.637, 29.013, 17.822
xyY	0.477, 0.324, 29.013
CIE-LCH	60.793, 56.629, 23.963
CIE-LUV	60.793, 97.335, 18.283
Hunter-Lab	53.864, 47.033, 18.087
Binary	11101101, 01101000, 01101101

#ed686d
```
#ed686d rgb(237,104,109)
```
#68ede8
```
#68ede8 rgb(104,237,232)
```

Complementary Color

#ed68b0
```
#ed68b0 rgb(237,104,176)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#eda668
```
#eda668 rgb(237,166,104)
```

Analogous Color

#68b0ed
```
#68b0ed rgb(104,176,237)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#68eda6
```
#68eda6 rgb(104,237,166)
```

Split Complementary Color

#686ded
```
#686ded rgb(104,109,237)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#6ded68
```
#6ded68 rgb(109,237,104)
```

Triadic Color

#e868ed
```
#e868ed rgb(232,104,237)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#6ded68
```
#6ded68 rgb(109,237,104)
```
#68ede8
```
#68ede8 rgb(104,237,232)
```

Tetradic Color

#e5242b
```
#e5242b rgb(229,36,43)
```
#e83a41
```
#e83a41 rgb(232,58,65)
```
#ea5157
```
#ea5157 rgb(234,81,87)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#f07f83
```
#f07f83 rgb(240,127,131)
```
#f29699
```
#f29699 rgb(242,150,153)
```
#f5acaf
```
#f5acaf rgb(245,172,175)
```

Monochromatic Color

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

#ed688e
```
#ed688e rgb(237,104,142)
```
#ed6883
```
#ed6883 rgb(237,104,131)
```
#ed6878
```
#ed6878 rgb(237,104,120)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#ed6e68
```
#ed6e68 rgb(237,110,104)
```
#ed7968
```
#ed7968 rgb(237,121,104)
```
#ed8468
```
#ed8468 rgb(237,132,104)
```

Similar Colors

Text with hexadecimal color #ed686d

This text has a font color of #ed686d.

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

#ed686d background color

This paragraph has a background color of #ed686d.

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

#ed686d border color

This element has a border color of #ed686d.

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

CSS codes

.text {color:#ed686d;}

.background {background-color:#ed686d;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180304
```
#180304 rgb(24,3,4)
```
#2a0506
```
#2a0506 rgb(42,5,6)
```
#3b0709
```
#3b0709 rgb(59,7,9)
```
#4d090c
```
#4d090c rgb(77,9,12)
```
#5e0b0e
```
#5e0b0e rgb(94,11,14)
```
#700d11
```
#700d11 rgb(112,13,17)
```
#810f14
```
#810f14 rgb(129,15,20)
```
#931216
```
#931216 rgb(147,18,22)
```
#a41419
```
#a41419 rgb(164,20,25)
```
#b6161c
```
#b6161c rgb(182,22,28)
```
#c8181e
```
#c8181e rgb(200,24,30)
```
#d91a21
```
#d91a21 rgb(217,26,33)
```

Shade Color Variation

#e52229
```
#e52229 rgb(229,34,41)
```
#e7333a
```
#e7333a rgb(231,51,58)
```
#e9454b
```
#e9454b rgb(233,69,75)
```
#eb565c
```
#eb565c rgb(235,86,92)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#ef7a7e
```
#ef7a7e rgb(239,122,126)
```
#f18b8f
```
#f18b8f rgb(241,139,143)
```
#f39da0
```
#f39da0 rgb(243,157,160)
```
#f5aeb1
```
#f5aeb1 rgb(245,174,177)
```
#f7c0c2
```
#f7c0c2 rgb(247,192,194)
```
#fad1d3
```
#fad1d3 rgb(250,209,211)
```
#fce3e4
```
#fce3e4 rgb(252,227,228)
```
#fef4f5
```
#fef4f5 rgb(254,244,245)
```

Tint Color Variation

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

#aca9a9
```
#aca9a9 rgb(172,169,169)
```
#b3a3a3
```
#b3a3a3 rgb(179,163,163)
```
#b99c9d
```
#b99c9d rgb(185,156,157)
```
#c09697
```
#c09697 rgb(192,150,151)
```
#c68f91
```
#c68f91 rgb(198,143,145)
```
#cd898b
```
#cd898b rgb(205,137,139)
```
#d38285
```
#d38285 rgb(211,130,133)
```
#da7c7f
```
#da7c7f rgb(218,124,127)
```
#e07579
```
#e07579 rgb(224,117,121)
```
#e76f73
```
#e76f73 rgb(231,111,115)
```
#ed686d
```
#ed686d rgb(237,104,109)
```
#f46267
```
#f46267 rgb(244,98,103)
```
#fa5b61
```
#fa5b61 rgb(250,91,97)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a38889 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9785 Protanopia 1% of men
#b4926c Deuteranopia 1% of men
#ee6f76 Tritanopia 0.001% of the population

Trichromacy

#bb867c Protanomaly 1% of men, 0.01% of women
#c8826c Deuteranomaly 6% of men, 0.4% of women
#ed6c72 Tritanomaly 0.01% of the population

#ed686d hex color

#ed686d Color Information

#ed686d Color Conversion

Color Schemes with #ed686d

Alternatives to #ed686d

#ed686d Preview

Shades and Tints of #ed686d

Tones of #ed686d

Color Blindness Simulator