#ed684f hex color

In a RGB color space, hex #ed684f is composed of 92.9% red, 40.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 66.7% yellow and 7.1% black. It has a hue angle of 9.5 degrees, a saturation of 81.4% and a lightness of 62%. #ed684f color hex could be obtained by blending #ffd09e with #db0000. Closest websafe color is: #ff6666.

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

● #ed684f color description : Soft red.

The hexadecimal color #ed684f has RGB values of R:237, G:104, B:79 and CMYK values of C:0, M:0.56, Y:0.67, K:0.07. Its decimal value is 15558735.

Hex triplet	ed684f	`#ed684f`
RGB Decimal	237, 104, 79	`rgb(237,104,79)`
RGB Percent	92.9, 40.8, 31	`rgb(92.9%,40.8%,31%)`
CMYK	0, 56, 67, 7
HSL	9.5°, 81.4, 62	`hsl(9.5,81.4%,62%)`
HSV (or HSB)	9.5°, 66.7, 92.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.314, 49.733, 39.23
XYZ	41.288, 28.474, 10.718
xyY	0.513, 0.354, 28.474
CIE-LCH	60.314, 63.343, 38.267
CIE-LUV	60.314, 103.58, 34.208
Hunter-Lab	53.361, 44.734, 25.443
Binary	11101101, 01101000, 01001111

#ed684f
```
#ed684f rgb(237,104,79)
```
#4fd4ed
```
#4fd4ed rgb(79,212,237)
```

Complementary Color

#ed4f85
```
#ed4f85 rgb(237,79,133)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#edb74f
```
#edb74f rgb(237,183,79)
```

Analogous Color

#4f85ed
```
#4f85ed rgb(79,133,237)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#4fedb7
```
#4fedb7 rgb(79,237,183)
```

Split Complementary Color

#684fed
```
#684fed rgb(104,79,237)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#4fed68
```
#4fed68 rgb(79,237,104)
```

Triadic Color

#ed4fd4
```
#ed4fd4 rgb(237,79,212)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#4fed68
```
#4fed68 rgb(79,237,104)
```
#4fd4ed
```
#4fd4ed rgb(79,212,237)
```

Tetradic Color

#d93516
```
#d93516 rgb(217,53,22)
```
#e84021
```
#e84021 rgb(232,64,33)
```
#eb5438
```
#eb5438 rgb(235,84,56)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#ef7c66
```
#ef7c66 rgb(239,124,102)
```
#f2907d
```
#f2907d rgb(242,144,125)
```
#f4a494
```
#f4a494 rgb(244,164,148)
```

Monochromatic Color

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

#ed4f5e
```
#ed4f5e rgb(237,79,94)
```
#ed4f50
```
#ed4f50 rgb(237,79,80)
```
#ed5b4f
```
#ed5b4f rgb(237,91,79)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#ed754f
```
#ed754f rgb(237,117,79)
```
#ed824f
```
#ed824f rgb(237,130,79)
```
#ed904f
```
#ed904f rgb(237,144,79)
```

Similar Colors

Text with hexadecimal color #ed684f

This text has a font color of #ed684f.

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

#ed684f background color

This paragraph has a background color of #ed684f.

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

#ed684f border color

This element has a border color of #ed684f.

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

CSS codes

.text {color:#ed684f;}

.background {background-color:#ed684f;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140502
```
#140502 rgb(20,5,2)
```
#260904
```
#260904 rgb(38,9,4)
```
#370e06
```
#370e06 rgb(55,14,6)
```
#491207
```
#491207 rgb(73,18,7)
```
#5b1609
```
#5b1609 rgb(91,22,9)
```
#6d1b0b
```
#6d1b0b rgb(109,27,11)
```
#7f1f0d
```
#7f1f0d rgb(127,31,13)
```
#90230f
```
#90230f rgb(144,35,15)
```
#a22811
```
#a22811 rgb(162,40,17)
```
#b42c12
```
#b42c12 rgb(180,44,18)
```
#c63014
```
#c63014 rgb(198,48,20)
```
#d73516
```
#d73516 rgb(215,53,22)
```

Shade Color Variation

#e83a1a
```
#e83a1a rgb(232,58,26)
```
#e9492b
```
#e9492b rgb(233,73,43)
```
#eb593d
```
#eb593d rgb(235,89,61)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#ef7761
```
#ef7761 rgb(239,119,97)
```
#f18773
```
#f18773 rgb(241,135,115)
```
#f29684
```
#f29684 rgb(242,150,132)
```
#f4a596
```
#f4a596 rgb(244,165,150)
```
#f6b4a8
```
#f6b4a8 rgb(246,180,168)
```
#f8c4ba
```
#f8c4ba rgb(248,196,186)
```
#fad3cc
```
#fad3cc rgb(250,211,204)
```
#fce2dd
```
#fce2dd rgb(252,226,221)
```
#fdf1ef
```
#fdf1ef rgb(253,241,239)
```

Tint Color Variation

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

#a29b9a
```
#a29b9a rgb(162,155,154)
```
#aa9692
```
#aa9692 rgb(170,150,146)
```
#b1918b
```
#b1918b rgb(177,145,139)
```
#b98c83
```
#b98c83 rgb(185,140,131)
```
#c0877c
```
#c0877c rgb(192,135,124)
```
#c88274
```
#c88274 rgb(200,130,116)
```
#cf7c6d
```
#cf7c6d rgb(207,124,109)
```
#d77765
```
#d77765 rgb(215,119,101)
```
#de725e
```
#de725e rgb(222,114,94)
```
#e66d56
```
#e66d56 rgb(230,109,86)
```
#ed684f
```
#ed684f rgb(237,104,79)
```
#f46348
```
#f46348 rgb(244,99,72)
```
#fc5e40
```
#fc5e40 rgb(252,94,64)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a08681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39765 Protanopia 1% of men
#b8904f Deuteranopia 1% of men
#ef6c72 Tritanopia 0.001% of the population

Trichromacy

#be855d Protanomaly 1% of men, 0.01% of women
#cb814f Deuteranomaly 6% of men, 0.4% of women
#ee6a65 Tritanomaly 0.01% of the population

#ed684f hex color

#ed684f Color Information

#ed684f Color Conversion

Color Schemes with #ed684f

Alternatives to #ed684f

#ed684f Preview

Shades and Tints of #ed684f

Tones of #ed684f

Color Blindness Simulator