#ed686a hex color

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

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

● #ed686a color description : Soft red.

The hexadecimal color #ed686a has RGB values of R:237, G:104, B:106 and CMYK values of C:0, M:0.56, Y:0.55, K:0.07. Its decimal value is 15558762.

Hex triplet	ed686a	`#ed686a`
RGB Decimal	237, 104, 106	`rgb(237,104,106)`
RGB Percent	92.9, 40.8, 41.6	`rgb(92.9%,40.8%,41.6%)`
CMYK	0, 56, 55, 7
HSL	359.1°, 78.7, 66.9	`hsl(359.1,78.7%,66.9%)`
HSV (or HSB)	359.1°, 56.1, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.737, 51.514, 24.641
XYZ	42.478, 28.95, 16.986
xyY	0.48, 0.327, 28.95
CIE-LCH	60.737, 57.104, 25.564
CIE-LUV	60.737, 98.033, 20.073
Hunter-Lab	53.805, 46.764, 18.946
Binary	11101101, 01101000, 01101010

#ed686a
```
#ed686a rgb(237,104,106)
```
#68edeb
```
#68edeb rgb(104,237,235)
```

Complementary Color

#ed68ad
```
#ed68ad rgb(237,104,173)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#eda968
```
#eda968 rgb(237,169,104)
```

Analogous Color

#68aded
```
#68aded rgb(104,173,237)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#68eda9
```
#68eda9 rgb(104,237,169)
```

Split Complementary Color

#686aed
```
#686aed rgb(104,106,237)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#6aed68
```
#6aed68 rgb(106,237,104)
```

Triadic Color

#eb68ed
```
#eb68ed rgb(235,104,237)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#6aed68
```
#6aed68 rgb(106,237,104)
```
#68edeb
```
#68edeb rgb(104,237,235)
```

Tetradic Color

#e52427
```
#e52427 rgb(229,36,39)
```
#e83a3d
```
#e83a3d rgb(232,58,61)
```
#ea5154
```
#ea5154 rgb(234,81,84)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#f07f80
```
#f07f80 rgb(240,127,128)
```
#f29697
```
#f29697 rgb(242,150,151)
```
#f5acad
```
#f5acad rgb(245,172,173)
```

Monochromatic Color

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

#ed688b
```
#ed688b rgb(237,104,139)
```
#ed6880
```
#ed6880 rgb(237,104,128)
```
#ed6875
```
#ed6875 rgb(237,104,117)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#ed7168
```
#ed7168 rgb(237,113,104)
```
#ed7c68
```
#ed7c68 rgb(237,124,104)
```
#ed8768
```
#ed8768 rgb(237,135,104)
```

Similar Colors

Text with hexadecimal color #ed686a

This text has a font color of #ed686a.

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

#ed686a background color

This paragraph has a background color of #ed686a.

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

#ed686a border color

This element has a border color of #ed686a.

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

CSS codes

.text {color:#ed686a;}

.background {background-color:#ed686a;}

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

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 #fef4f4 is the lightest one.

#070101
```
#070101 rgb(7,1,1)
```
#180303
```
#180303 rgb(24,3,3)
```
#2a0506
```
#2a0506 rgb(42,5,6)
```
#3b0708
```
#3b0708 rgb(59,7,8)
```
#4d090a
```
#4d090a rgb(77,9,10)
```
#5e0b0c
```
#5e0b0c rgb(94,11,12)
```
#700d0f
```
#700d0f rgb(112,13,15)
```
#810f11
```
#810f11 rgb(129,15,17)
```
#931213
```
#931213 rgb(147,18,19)
```
#a41416
```
#a41416 rgb(164,20,22)
```
#b61618
```
#b61618 rgb(182,22,24)
```
#c8181a
```
#c8181a rgb(200,24,26)
```
#d91a1d
```
#d91a1d rgb(217,26,29)
```

Shade Color Variation

#e52225
```
#e52225 rgb(229,34,37)
```
#e73336
```
#e73336 rgb(231,51,54)
```
#e94547
```
#e94547 rgb(233,69,71)
```
#eb5659
```
#eb5659 rgb(235,86,89)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#ef7a7b
```
#ef7a7b rgb(239,122,123)
```
#f18b8d
```
#f18b8d rgb(241,139,141)
```
#f39d9e
```
#f39d9e rgb(243,157,158)
```
#f5aeaf
```
#f5aeaf rgb(245,174,175)
```
#f7c0c0
```
#f7c0c0 rgb(247,192,192)
```
#fad1d2
```
#fad1d2 rgb(250,209,210)
```
#fce3e3
```
#fce3e3 rgb(252,227,227)
```
#fef4f4
```
#fef4f4 rgb(254,244,244)
```

Tint Color Variation

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

#aca9a9
```
#aca9a9 rgb(172,169,169)
```
#b3a3a3
```
#b3a3a3 rgb(179,163,163)
```
#b99c9c
```
#b99c9c rgb(185,156,156)
```
#c09696
```
#c09696 rgb(192,150,150)
```
#c68f90
```
#c68f90 rgb(198,143,144)
```
#cd898a
```
#cd898a rgb(205,137,138)
```
#d38283
```
#d38283 rgb(211,130,131)
```
#da7c7d
```
#da7c7d rgb(218,124,125)
```
#e07577
```
#e07577 rgb(224,117,119)
```
#e76f70
```
#e76f70 rgb(231,111,112)
```
#ed686a
```
#ed686a rgb(237,104,106)
```
#f46264
```
#f46264 rgb(244,98,100)
```
#fa5b5d
```
#fa5b5d rgb(250,91,93)
```

Tone Color Variation

Below, you can see how #ed686a 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
#a38888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9782 Protanopia 1% of men
#b49169 Deuteranopia 1% of men
#ee6f75 Tritanopia 0.001% of the population

Trichromacy

#bb8679 Protanomaly 1% of men, 0.01% of women
#c98269 Deuteranomaly 6% of men, 0.4% of women
#ed6c71 Tritanomaly 0.01% of the population

#ed686a hex color

#ed686a Color Information

#ed686a Color Conversion

Color Schemes with #ed686a

Alternatives to #ed686a

#ed686a Preview

Shades and Tints of #ed686a

Tones of #ed686a

Color Blindness Simulator