#ed679a hex color

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

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

● #ed679a color description : Soft pink.

The hexadecimal color #ed679a has RGB values of R:237, G:103, B:154 and CMYK values of C:0, M:0.57, Y:0.35, K:0.07. Its decimal value is 15558554.

Hex triplet	ed679a	`#ed679a`
RGB Decimal	237, 103, 154	`rgb(237,103,154)`
RGB Percent	92.9, 40.4, 60.4	`rgb(92.9%,40.4%,60.4%)`
CMYK	0, 57, 35, 7
HSL	337.2°, 78.8, 66.7	`hsl(337.2,78.8%,66.7%)`
HSV (or HSB)	337.2°, 56.5, 92.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.69, 56.575, -1.693
XYZ	45.609, 30.042, 33.967
xyY	0.416, 0.274, 30.042
CIE-LCH	61.69, 56.6, 358.285
CIE-LUV	61.69, 85.944, -13.076
Hunter-Lab	54.81, 52.614, 1.624
Binary	11101101, 01100111, 10011010

#ed679a
```
#ed679a rgb(237,103,154)
```
#67edba
```
#67edba rgb(103,237,186)
```

Complementary Color

#ed67dd
```
#ed67dd rgb(237,103,221)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#ed7767
```
#ed7767 rgb(237,119,103)
```

Analogous Color

#67dded
```
#67dded rgb(103,221,237)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#67ed77
```
#67ed77 rgb(103,237,119)
```

Split Complementary Color

#679aed
```
#679aed rgb(103,154,237)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#9aed67
```
#9aed67 rgb(154,237,103)
```

Triadic Color

#ba67ed
```
#ba67ed rgb(186,103,237)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#9aed67
```
#9aed67 rgb(154,237,103)
```
#67edba
```
#67edba rgb(103,237,186)
```

Tetradic Color

#e5236d
```
#e5236d rgb(229,35,109)
```
#e8397c
```
#e8397c rgb(232,57,124)
```
#ea508b
```
#ea508b rgb(234,80,139)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#f07ea9
```
#f07ea9 rgb(240,126,169)
```
#f295b8
```
#f295b8 rgb(242,149,184)
```
#f5abc7
```
#f5abc7 rgb(245,171,199)
```

Monochromatic Color

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

#ed67bc
```
#ed67bc rgb(237,103,188)
```
#ed67b0
```
#ed67b0 rgb(237,103,176)
```
#ed67a5
```
#ed67a5 rgb(237,103,165)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#ed678f
```
#ed678f rgb(237,103,143)
```
#ed6784
```
#ed6784 rgb(237,103,132)
```
#ed6779
```
#ed6779 rgb(237,103,121)
```

Similar Colors

Text with hexadecimal color #ed679a

This text has a font color of #ed679a.

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

#ed679a background color

This paragraph has a background color of #ed679a.

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

#ed679a border color

This element has a border color of #ed679a.

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

CSS codes

.text {color:#ed679a;}

.background {background-color:#ed679a;}

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

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

#060103
```
#060103 rgb(6,1,3)
```
#17030b
```
#17030b rgb(23,3,11)
```
#290513
```
#290513 rgb(41,5,19)
```
#3a071b
```
#3a071b rgb(58,7,27)
```
#4c0923
```
#4c0923 rgb(76,9,35)
```
#5e0b2a
```
#5e0b2a rgb(94,11,42)
```
#6f0d32
```
#6f0d32 rgb(111,13,50)
```
#810f3a
```
#810f3a rgb(129,15,58)
```
#921142
```
#921142 rgb(146,17,66)
```
#a4134a
```
#a4134a rgb(164,19,74)
```
#b51552
```
#b51552 rgb(181,21,82)
```
#c7185a
```
#c7185a rgb(199,24,90)
```
#d81a62
```
#d81a62 rgb(216,26,98)
```

Shade Color Variation

#e5216b
```
#e5216b rgb(229,33,107)
```
#e73277
```
#e73277 rgb(231,50,119)
```
#e94483
```
#e94483 rgb(233,68,131)
```
#eb558e
```
#eb558e rgb(235,85,142)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#ef79a6
```
#ef79a6 rgb(239,121,166)
```
#f18ab1
```
#f18ab1 rgb(241,138,177)
```
#f39cbd
```
#f39cbd rgb(243,156,189)
```
#f5adc9
```
#f5adc9 rgb(245,173,201)
```
#f7bfd4
```
#f7bfd4 rgb(247,191,212)
```
#f9d0e0
```
#f9d0e0 rgb(249,208,224)
```
#fce2ec
```
#fce2ec rgb(252,226,236)
```
#fef3f7
```
#fef3f7 rgb(254,243,247)
```

Tint Color Variation

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

#aca8aa
```
#aca8aa rgb(172,168,170)
```
#b2a2a8
```
#b2a2a8 rgb(178,162,168)
```
#b99ba6
```
#b99ba6 rgb(185,155,166)
```
#bf95a5
```
#bf95a5 rgb(191,149,165)
```
#c68ea3
```
#c68ea3 rgb(198,142,163)
```
#cc88a2
```
#cc88a2 rgb(204,136,162)
```
#d381a0
```
#d381a0 rgb(211,129,160)
```
#d97b9f
```
#d97b9f rgb(217,123,159)
```
#e0749d
```
#e0749d rgb(224,116,157)
```
#e66e9c
```
#e66e9c rgb(230,110,156)
```
#ed679a
```
#ed679a rgb(237,103,154)
```
#f46098
```
#f46098 rgb(244,96,152)
```
#fa5a97
```
#fa5a97 rgb(250,90,151)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a78c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399b6 Protanopia 1% of men
#aa9595 Deuteranopia 1% of men
#eb757d Tritanopia 0.001% of the population

Trichromacy

#b486ac Protanomaly 1% of men, 0.01% of women
#c28497 Deuteranomaly 6% of men, 0.4% of women
#eb7087 Tritanomaly 0.01% of the population

#ed679a hex color

#ed679a Color Information

#ed679a Color Conversion

Color Schemes with #ed679a

Alternatives to #ed679a

#ed679a Preview

Shades and Tints of #ed679a

Tones of #ed679a

Color Blindness Simulator