#ed689f hex color

In a RGB color space, hex #ed689f is composed of 92.9% red, 40.8% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 32.9% yellow and 7.1% black. It has a hue angle of 335.2 degrees, a saturation of 78.7% and a lightness of 66.9%. #ed689f color hex could be obtained by blending #ffd0ff with #db003f. Closest websafe color is: #ff6699.

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

● #ed689f color description : Soft pink.

The hexadecimal color #ed689f has RGB values of R:237, G:104, B:159 and CMYK values of C:0, M:0.56, Y:0.33, K:0.07. Its decimal value is 15558815.

Hex triplet	ed689f	`#ed689f`
RGB Decimal	237, 104, 159	`rgb(237,104,159)`
RGB Percent	92.9, 40.8, 62.4	`rgb(92.9%,40.8%,62.4%)`
CMYK	0, 56, 33, 7
HSL	335.2°, 78.7, 66.9	`hsl(335.2,78.7%,66.9%)`
HSV (or HSB)	335.2°, 56.1, 92.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.008, 56.702, -4.106
XYZ	46.134, 30.412, 36.239
xyY	0.409, 0.27, 30.412
CIE-LCH	62.008, 56.85, 355.859
CIE-LUV	62.008, 83.969, -16.439
Hunter-Lab	55.147, 52.819, -0.359
Binary	11101101, 01101000, 10011111

#ed689f
```
#ed689f rgb(237,104,159)
```
#68edb6
```
#68edb6 rgb(104,237,182)
```

Complementary Color

#ed68e2
```
#ed68e2 rgb(237,104,226)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#ed7468
```
#ed7468 rgb(237,116,104)
```

Analogous Color

#68e2ed
```
#68e2ed rgb(104,226,237)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#68ed74
```
#68ed74 rgb(104,237,116)
```

Split Complementary Color

#689fed
```
#689fed rgb(104,159,237)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#9fed68
```
#9fed68 rgb(159,237,104)
```

Triadic Color

#b668ed
```
#b668ed rgb(182,104,237)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#9fed68
```
#9fed68 rgb(159,237,104)
```
#68edb6
```
#68edb6 rgb(104,237,182)
```

Tetradic Color

#e52474
```
#e52474 rgb(229,36,116)
```
#e83a82
```
#e83a82 rgb(232,58,130)
```
#ea5191
```
#ea5191 rgb(234,81,145)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#f07fad
```
#f07fad rgb(240,127,173)
```
#f296bc
```
#f296bc rgb(242,150,188)
```
#f5acca
```
#f5acca rgb(245,172,202)
```

Monochromatic Color

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

#ed68c0
```
#ed68c0 rgb(237,104,192)
```
#ed68b5
```
#ed68b5 rgb(237,104,181)
```
#ed68aa
```
#ed68aa rgb(237,104,170)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#ed6894
```
#ed6894 rgb(237,104,148)
```
#ed6889
```
#ed6889 rgb(237,104,137)
```
#ed687e
```
#ed687e rgb(237,104,126)
```

Similar Colors

Text with hexadecimal color #ed689f

This text has a font color of #ed689f.

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

#ed689f background color

This paragraph has a background color of #ed689f.

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

#ed689f border color

This element has a border color of #ed689f.

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

CSS codes

.text {color:#ed689f;}

.background {background-color:#ed689f;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#18030c
```
#18030c rgb(24,3,12)
```
#2a0514
```
#2a0514 rgb(42,5,20)
```
#3b071d
```
#3b071d rgb(59,7,29)
```
#4d0925
```
#4d0925 rgb(77,9,37)
```
#5e0b2e
```
#5e0b2e rgb(94,11,46)
```
#700d36
```
#700d36 rgb(112,13,54)
```
#810f3f
```
#810f3f rgb(129,15,63)
```
#931247
```
#931247 rgb(147,18,71)
```
#a41450
```
#a41450 rgb(164,20,80)
```
#b61658
```
#b61658 rgb(182,22,88)
```
#c81860
```
#c81860 rgb(200,24,96)
```
#d91a69
```
#d91a69 rgb(217,26,105)
```

Shade Color Variation

#e52272
```
#e52272 rgb(229,34,114)
```
#e7337e
```
#e7337e rgb(231,51,126)
```
#e94589
```
#e94589 rgb(233,69,137)
```
#eb5694
```
#eb5694 rgb(235,86,148)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#ef7aaa
```
#ef7aaa rgb(239,122,170)
```
#f18bb5
```
#f18bb5 rgb(241,139,181)
```
#f39dc0
```
#f39dc0 rgb(243,157,192)
```
#f5aecc
```
#f5aecc rgb(245,174,204)
```
#f7c0d7
```
#f7c0d7 rgb(247,192,215)
```
#fad1e2
```
#fad1e2 rgb(250,209,226)
```
#fce3ed
```
#fce3ed rgb(252,227,237)
```
#fef4f8
```
#fef4f8 rgb(254,244,248)
```

Tint Color Variation

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

#aca9aa
```
#aca9aa rgb(172,169,170)
```
#b3a3a9
```
#b3a3a9 rgb(179,163,169)
```
#b99ca8
```
#b99ca8 rgb(185,156,168)
```
#c096a7
```
#c096a7 rgb(192,150,167)
```
#c68fa6
```
#c68fa6 rgb(198,143,166)
```
#cd89a5
```
#cd89a5 rgb(205,137,165)
```
#d382a3
```
#d382a3 rgb(211,130,163)
```
#da7ca2
```
#da7ca2 rgb(218,124,162)
```
#e075a1
```
#e075a1 rgb(224,117,161)
```
#e76fa0
```
#e76fa0 rgb(231,111,160)
```
#ed689f
```
#ed689f rgb(237,104,159)
```
#f4629e
```
#f4629e rgb(244,98,158)
```
#fa5b9d
```
#fa5b9d rgb(250,91,157)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a78d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399bb Protanopia 1% of men
#a9969a Deuteranopia 1% of men
#ea777f Tritanopia 0.001% of the population

Trichromacy

#b387b1 Protanomaly 1% of men, 0.01% of women
#c2859c Deuteranomaly 6% of men, 0.4% of women
#eb718a Tritanomaly 0.01% of the population

#ed689f hex color

#ed689f Color Information

#ed689f Color Conversion

Color Schemes with #ed689f

Alternatives to #ed689f

#ed689f Preview

Shades and Tints of #ed689f

Tones of #ed689f

Color Blindness Simulator