#ed678a hex color

In a RGB color space, hex #ed678a is composed of 92.9% red, 40.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 41.8% yellow and 7.1% black. It has a hue angle of 344.3 degrees, a saturation of 78.8% and a lightness of 66.7%. #ed678a color hex could be obtained by blending #ffceff with #db0015. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 93
- G 40
- B 54
RGB color chart
- C 0
- M 57
- Y 42
- K 7
CMYK color chart

● #ed678a color description : Soft pink.

The hexadecimal color #ed678a has RGB values of R:237, G:103, B:138 and CMYK values of C:0, M:0.57, Y:0.42, K:0.07. Its decimal value is 15558538.

Hex triplet	ed678a	`#ed678a`
RGB Decimal	237, 103, 138	`rgb(237,103,138)`
RGB Percent	92.9, 40.4, 54.1	`rgb(92.9%,40.4%,54.1%)`
CMYK	0, 57, 42, 7
HSL	344.3°, 78.8, 66.7	`hsl(344.3,78.8%,66.7%)`
HSV (or HSB)	344.3°, 56.5, 92.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.259, 54.841, 6.922
XYZ	44.364, 29.544, 27.41
xyY	0.438, 0.292, 29.544
CIE-LCH	61.259, 55.276, 7.193
CIE-LUV	61.259, 90.483, -1.314
Hunter-Lab	54.354, 50.571, 8.149
Binary	11101101, 01100111, 10001010

#ed678a
```
#ed678a rgb(237,103,138)
```
#67edca
```
#67edca rgb(103,237,202)
```

Complementary Color

#ed67cd
```
#ed67cd rgb(237,103,205)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#ed8767
```
#ed8767 rgb(237,135,103)
```

Analogous Color

#67cded
```
#67cded rgb(103,205,237)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#67ed87
```
#67ed87 rgb(103,237,135)
```

Split Complementary Color

#678aed
```
#678aed rgb(103,138,237)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#8aed67
```
#8aed67 rgb(138,237,103)
```

Triadic Color

#ca67ed
```
#ca67ed rgb(202,103,237)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#8aed67
```
#8aed67 rgb(138,237,103)
```
#67edca
```
#67edca rgb(103,237,202)
```

Tetradic Color

#e52355
```
#e52355 rgb(229,35,85)
```
#e83967
```
#e83967 rgb(232,57,103)
```
#ea5078
```
#ea5078 rgb(234,80,120)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#f07e9c
```
#f07e9c rgb(240,126,156)
```
#f295ad
```
#f295ad rgb(242,149,173)
```
#f5abbf
```
#f5abbf rgb(245,171,191)
```

Monochromatic Color

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

#ed67ac
```
#ed67ac rgb(237,103,172)
```
#ed67a0
```
#ed67a0 rgb(237,103,160)
```
#ed6795
```
#ed6795 rgb(237,103,149)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#ed677f
```
#ed677f rgb(237,103,127)
```
#ed6774
```
#ed6774 rgb(237,103,116)
```
#ed6769
```
#ed6769 rgb(237,103,105)
```

Similar Colors

Text with hexadecimal color #ed678a

This text has a font color of #ed678a.

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

#ed678a background color

This paragraph has a background color of #ed678a.

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

#ed678a border color

This element has a border color of #ed678a.

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

CSS codes

.text {color:#ed678a;}

.background {background-color:#ed678a;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#170308
```
#170308 rgb(23,3,8)
```
#29050e
```
#29050e rgb(41,5,14)
```
#3a0714
```
#3a0714 rgb(58,7,20)
```
#4c091b
```
#4c091b rgb(76,9,27)
```
#5e0b21
```
#5e0b21 rgb(94,11,33)
```
#6f0d27
```
#6f0d27 rgb(111,13,39)
```
#810f2d
```
#810f2d rgb(129,15,45)
```
#921133
```
#921133 rgb(146,17,51)
```
#a41339
```
#a41339 rgb(164,19,57)
```
#b5153f
```
#b5153f rgb(181,21,63)
```
#c71845
```
#c71845 rgb(199,24,69)
```
#d81a4b
```
#d81a4b rgb(216,26,75)
```

Shade Color Variation

#e52154
```
#e52154 rgb(229,33,84)
```
#e73262
```
#e73262 rgb(231,50,98)
```
#e9446f
```
#e9446f rgb(233,68,111)
```
#eb557d
```
#eb557d rgb(235,85,125)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#ef7998
```
#ef7998 rgb(239,121,152)
```
#f18aa5
```
#f18aa5 rgb(241,138,165)
```
#f39cb3
```
#f39cb3 rgb(243,156,179)
```
#f5adc0
```
#f5adc0 rgb(245,173,192)
```
#f7bfce
```
#f7bfce rgb(247,191,206)
```
#f9d0db
```
#f9d0db rgb(249,208,219)
```
#fce2e9
```
#fce2e9 rgb(252,226,233)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#aca8a9
```
#aca8a9 rgb(172,168,169)
```
#b2a2a6
```
#b2a2a6 rgb(178,162,166)
```
#b99ba3
```
#b99ba3 rgb(185,155,163)
```
#bf95a0
```
#bf95a0 rgb(191,149,160)
```
#c68e9d
```
#c68e9d rgb(198,142,157)
```
#cc889a
```
#cc889a rgb(204,136,154)
```
#d38196
```
#d38196 rgb(211,129,150)
```
#d97b93
```
#d97b93 rgb(217,123,147)
```
#e07490
```
#e07490 rgb(224,116,144)
```
#e66e8d
```
#e66e8d rgb(230,110,141)
```
#ed678a
```
#ed678a rgb(237,103,138)
```
#f46087
```
#f46087 rgb(244,96,135)
```
#fa5a84
```
#fa5a84 rgb(250,90,132)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a58a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9898a4 Protanopia 1% of men
#ae9487 Deuteranopia 1% of men
#ec737a Tritanopia 0.001% of the population

Trichromacy

#b7869b Protanomaly 1% of men, 0.01% of women
#c58388 Deuteranomaly 6% of men, 0.4% of women
#ec6e7f Tritanomaly 0.01% of the population

#ed678a hex color

#ed678a Color Information

#ed678a Color Conversion

Color Schemes with #ed678a

Alternatives to #ed678a

#ed678a Preview

Shades and Tints of #ed678a

Tones of #ed678a

Color Blindness Simulator