#ed676e hex color

In a RGB color space, hex #ed676e is composed of 92.9% red, 40.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 53.6% yellow and 7.1% black. It has a hue angle of 356.9 degrees, a saturation of 78.8% and a lightness of 66.7%. #ed676e color hex could be obtained by blending #ffcedc with #db0000. Closest websafe color is: #ff6666.

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

● #ed676e color description : Soft red.

The hexadecimal color #ed676e has RGB values of R:237, G:103, B:110 and CMYK values of C:0, M:0.57, Y:0.54, K:0.07. Its decimal value is 15558510.

Hex triplet	ed676e	`#ed676e`
RGB Decimal	237, 103, 110	`rgb(237,103,110)`
RGB Percent	92.9, 40.4, 43.1	`rgb(92.9%,40.4%,43.1%)`
CMYK	0, 57, 54, 7
HSL	356.9°, 78.8, 66.7	`hsl(356.9,78.8%,66.7%)`
HSV (or HSB)	356.9°, 56.5, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.636, 52.29, 22.214
XYZ	42.591, 28.835, 18.074
xyY	0.476, 0.322, 28.835
CIE-LCH	60.636, 56.813, 23.017
CIE-LUV	60.636, 97.749, 17.284
Hunter-Lab	53.698, 47.607, 17.633
Binary	11101101, 01100111, 01101110

#ed676e
```
#ed676e rgb(237,103,110)
```
#67ede6
```
#67ede6 rgb(103,237,230)
```

Complementary Color

#ed67b1
```
#ed67b1 rgb(237,103,177)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#eda367
```
#eda367 rgb(237,163,103)
```

Analogous Color

#67b1ed
```
#67b1ed rgb(103,177,237)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#67eda3
```
#67eda3 rgb(103,237,163)
```

Split Complementary Color

#676eed
```
#676eed rgb(103,110,237)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#6eed67
```
#6eed67 rgb(110,237,103)
```

Triadic Color

#e667ed
```
#e667ed rgb(230,103,237)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#6eed67
```
#6eed67 rgb(110,237,103)
```
#67ede6
```
#67ede6 rgb(103,237,230)
```

Tetradic Color

#e5232d
```
#e5232d rgb(229,35,45)
```
#e83943
```
#e83943 rgb(232,57,67)
```
#ea5058
```
#ea5058 rgb(234,80,88)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#f07e84
```
#f07e84 rgb(240,126,132)
```
#f2959a
```
#f2959a rgb(242,149,154)
```
#f5abaf
```
#f5abaf rgb(245,171,175)
```

Monochromatic Color

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

#ed6790
```
#ed6790 rgb(237,103,144)
```
#ed6784
```
#ed6784 rgb(237,103,132)
```
#ed6779
```
#ed6779 rgb(237,103,121)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#ed6b67
```
#ed6b67 rgb(237,107,103)
```
#ed7667
```
#ed7667 rgb(237,118,103)
```
#ed8267
```
#ed8267 rgb(237,130,103)
```

Similar Colors

Text with hexadecimal color #ed676e

This text has a font color of #ed676e.

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

#ed676e background color

This paragraph has a background color of #ed676e.

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

#ed676e border color

This element has a border color of #ed676e.

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

CSS codes

.text {color:#ed676e;}

.background {background-color:#ed676e;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170304
```
#170304 rgb(23,3,4)
```
#290507
```
#290507 rgb(41,5,7)
```
#3a070a
```
#3a070a rgb(58,7,10)
```
#4c090d
```
#4c090d rgb(76,9,13)
```
#5e0b0f
```
#5e0b0f rgb(94,11,15)
```
#6f0d12
```
#6f0d12 rgb(111,13,18)
```
#810f15
```
#810f15 rgb(129,15,21)
```
#921118
```
#921118 rgb(146,17,24)
```
#a4131b
```
#a4131b rgb(164,19,27)
```
#b5151e
```
#b5151e rgb(181,21,30)
```
#c71821
```
#c71821 rgb(199,24,33)
```
#d81a24
```
#d81a24 rgb(216,26,36)
```

Shade Color Variation

#e5212b
```
#e5212b rgb(229,33,43)
```
#e7323c
```
#e7323c rgb(231,50,60)
```
#e9444d
```
#e9444d rgb(233,68,77)
```
#eb555d
```
#eb555d rgb(235,85,93)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#ef797f
```
#ef797f rgb(239,121,127)
```
#f18a8f
```
#f18a8f rgb(241,138,143)
```
#f39ca0
```
#f39ca0 rgb(243,156,160)
```
#f5adb1
```
#f5adb1 rgb(245,173,177)
```
#f7bfc2
```
#f7bfc2 rgb(247,191,194)
```
#f9d0d2
```
#f9d0d2 rgb(249,208,210)
```
#fce2e3
```
#fce2e3 rgb(252,226,227)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#aca8a9
```
#aca8a9 rgb(172,168,169)
```
#b2a2a3
```
#b2a2a3 rgb(178,162,163)
```
#b99b9d
```
#b99b9d rgb(185,155,157)
```
#bf9597
```
#bf9597 rgb(191,149,151)
```
#c68e91
```
#c68e91 rgb(198,142,145)
```
#cc888b
```
#cc888b rgb(204,136,139)
```
#d38185
```
#d38185 rgb(211,129,133)
```
#d97b80
```
#d97b80 rgb(217,123,128)
```
#e0747a
```
#e0747a rgb(224,116,122)
```
#e66e74
```
#e66e74 rgb(230,110,116)
```
#ed676e
```
#ed676e rgb(237,103,110)
```
#f46068
```
#f46068 rgb(244,96,104)
```
#fa5a62
```
#fa5a62 rgb(250,90,98)
```

Tone Color Variation

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

#9e9786 Protanopia 1% of men
#b3916d Deuteranopia 1% of men
#ed6e75 Tritanopia 0.001% of the population

Trichromacy

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

#ed676e hex color

#ed676e Color Information

#ed676e Color Conversion

Color Schemes with #ed676e

Alternatives to #ed676e

#ed676e Preview

Shades and Tints of #ed676e

Tones of #ed676e

Color Blindness Simulator