#ec685e hex color

In a RGB color space, hex #ec685e is composed of 92.5% red, 40.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.9% magenta, 60.2% yellow and 7.5% black. It has a hue angle of 4.2 degrees, a saturation of 78.9% and a lightness of 64.7%. #ec685e color hex could be obtained by blending #ffd0bc with #d90000. Closest websafe color is: #ff6666.

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

● #ec685e color description : Soft red.

The hexadecimal color #ec685e has RGB values of R:236, G:104, B:94 and CMYK values of C:0, M:0.56, Y:0.6, K:0.07. Its decimal value is 15493214.

Hex triplet	ec685e	`#ec685e`
RGB Decimal	236, 104, 94	`rgb(236,104,94)`
RGB Percent	92.5, 40.8, 36.9	`rgb(92.5%,40.8%,36.9%)`
CMYK	0, 56, 60, 7
HSL	4.2°, 78.9, 64.7	`hsl(4.2,78.9%,64.7%)`
HSV (or HSB)	4.2°, 60.2, 92.5
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.378, 50.298, 30.958
XYZ	41.564, 28.546, 13.91
xyY	0.495, 0.34, 28.546
CIE-LCH	60.378, 59.062, 31.612
CIE-LUV	60.378, 99.85, 26.651
Hunter-Lab	53.428, 45.364, 21.963
Binary	11101100, 01101000, 01011110

#ec685e
```
#ec685e rgb(236,104,94)
```
#5ee2ec
```
#5ee2ec rgb(94,226,236)
```

Complementary Color

#ec5e9b
```
#ec5e9b rgb(236,94,155)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#ecaf5e
```
#ecaf5e rgb(236,175,94)
```

Analogous Color

#5e9bec
```
#5e9bec rgb(94,155,236)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#5eecaf
```
#5eecaf rgb(94,236,175)
```

Split Complementary Color

#685eec
```
#685eec rgb(104,94,236)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#5eec68
```
#5eec68 rgb(94,236,104)
```

Triadic Color

#ec5ee2
```
#ec5ee2 rgb(236,94,226)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#5eec68
```
#5eec68 rgb(94,236,104)
```
#5ee2ec
```
#5ee2ec rgb(94,226,236)
```

Tetradic Color

#e3291b
```
#e3291b rgb(227,41,27)
```
#e73d30
```
#e73d30 rgb(231,61,48)
```
#e95347
```
#e95347 rgb(233,83,71)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#ef7d75
```
#ef7d75 rgb(239,125,117)
```
#f1938c
```
#f1938c rgb(241,147,140)
```
#f4a8a2
```
#f4a8a2 rgb(244,168,162)
```

Monochromatic Color

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

#ec5e78
```
#ec5e78 rgb(236,94,120)
```
#ec5e6c
```
#ec5e6c rgb(236,94,108)
```
#ec5e60
```
#ec5e60 rgb(236,94,96)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#ec745e
```
#ec745e rgb(236,116,94)
```
#ec805e
```
#ec805e rgb(236,128,94)
```
#ec8c5e
```
#ec8c5e rgb(236,140,94)
```

Similar Colors

Text with hexadecimal color #ec685e

This text has a font color of #ec685e.

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

#ec685e background color

This paragraph has a background color of #ec685e.

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

#ec685e border color

This element has a border color of #ec685e.

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

CSS codes

.text {color:#ec685e;}

.background {background-color:#ec685e;}

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

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, #0e0302 is the darkest color, while #fffcfc is the lightest one.

#0e0302
```
#0e0302 rgb(14,3,2)
```
#200604
```
#200604 rgb(32,6,4)
```
#320906
```
#320906 rgb(50,9,6)
```
#430c08
```
#430c08 rgb(67,12,8)
```
#550f0a
```
#550f0a rgb(85,15,10)
```
#66120c
```
#66120c rgb(102,18,12)
```
#78160e
```
#78160e rgb(120,22,14)
```
#891910
```
#891910 rgb(137,25,16)
```
#9b1c12
```
#9b1c12 rgb(155,28,18)
```
#ac1f14
```
#ac1f14 rgb(172,31,20)
```
#be2216
```
#be2216 rgb(190,34,22)
```
#cf2518
```
#cf2518 rgb(207,37,24)
```
#e1291b
```
#e1291b rgb(225,41,27)
```

Shade Color Variation

#e63729
```
#e63729 rgb(230,55,41)
```
#e8473b
```
#e8473b rgb(232,71,59)
```
#ea584c
```
#ea584c rgb(234,88,76)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#ee7870
```
#ee7870 rgb(238,120,112)
```
#f08981
```
#f08981 rgb(240,137,129)
```
#f29993
```
#f29993 rgb(242,153,147)
```
#f4aaa4
```
#f4aaa4 rgb(244,170,164)
```
#f6bab6
```
#f6bab6 rgb(246,186,182)
```
#f8cbc7
```
#f8cbc7 rgb(248,203,199)
```
#fadbd9
```
#fadbd9 rgb(250,219,217)
```
#fdecea
```
#fdecea rgb(253,236,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a7a3a3
```
#a7a3a3 rgb(167,163,163)
```
#ae9e9c
```
#ae9e9c rgb(174,158,156)
```
#b59895
```
#b59895 rgb(181,152,149)
```
#bc928e
```
#bc928e rgb(188,146,142)
```
#c28c88
```
#c28c88 rgb(194,140,136)
```
#c98681
```
#c98681 rgb(201,134,129)
```
#d0807a
```
#d0807a rgb(208,128,122)
```
#d77a73
```
#d77a73 rgb(215,122,115)
```
#de746c
```
#de746c rgb(222,116,108)
```
#e56e65
```
#e56e65 rgb(229,110,101)
```
#ec685e
```
#ec685e rgb(236,104,94)
```
#f36257
```
#f36257 rgb(243,98,87)
```
#fa5c50
```
#fa5c50 rgb(250,92,80)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a18684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19775 Protanopia 1% of men
#b6905e Deuteranopia 1% of men
#ed6d74 Tritanopia 0.001% of the population

Trichromacy

#bc856c Protanomaly 1% of men, 0.01% of women
#c9825e Deuteranomaly 6% of men, 0.4% of women
#ed6b6c Tritanomaly 0.01% of the population

#ec685e hex color

#ec685e Color Information

#ec685e Color Conversion

Color Schemes with #ec685e

Alternatives to #ec685e

#ec685e Preview

Shades and Tints of #ec685e

Tones of #ec685e

Color Blindness Simulator