#e2686f hex color

In a RGB color space, hex #e2686f is composed of 88.6% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54% magenta, 50.9% yellow and 11.4% black. It has a hue angle of 356.6 degrees, a saturation of 67.8% and a lightness of 64.7%. #e2686f color hex could be obtained by blending #ffd0de with #c50000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 89
- G 41
- B 44
RGB color chart
- C 0
- M 54
- Y 51
- K 11
CMYK color chart

● #e2686f color description : Soft red.

The hexadecimal color #e2686f has RGB values of R:226, G:104, B:111 and CMYK values of C:0, M:0.54, Y:0.51, K:0.11. Its decimal value is 14837871.

Hex triplet	e2686f	`#e2686f`
RGB Decimal	226, 104, 111	`rgb(226,104,111)`
RGB Percent	88.6, 40.8, 43.5	`rgb(88.6%,40.8%,43.5%)`
CMYK	0, 54, 51, 11
HSL	356.6°, 67.8, 64.7	`hsl(356.6,67.8%,64.7%)`
HSV (or HSB)	356.6°, 54, 88.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	59.178, 48.088, 19.388
XYZ	39.185, 27.221, 18.229
xyY	0.463, 0.322, 27.221
CIE-LCH	59.178, 51.849, 21.959
CIE-LUV	59.178, 87.915, 15.008
Hunter-Lab	52.173, 42.758, 15.806
Binary	11100010, 01101000, 01101111

#e2686f
```
#e2686f rgb(226,104,111)
```
#68e2db
```
#68e2db rgb(104,226,219)
```

Complementary Color

#e268ac
```
#e268ac rgb(226,104,172)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#e29e68
```
#e29e68 rgb(226,158,104)
```

Analogous Color

#68ace2
```
#68ace2 rgb(104,172,226)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#68e29e
```
#68e29e rgb(104,226,158)
```

Split Complementary Color

#686fe2
```
#686fe2 rgb(104,111,226)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#6fe268
```
#6fe268 rgb(111,226,104)
```

Triadic Color

#db68e2
```
#db68e2 rgb(219,104,226)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#6fe268
```
#6fe268 rgb(111,226,104)
```
#68e2db
```
#68e2db rgb(104,226,219)
```

Tetradic Color

#d52933
```
#d52933 rgb(213,41,51)
```
#da3d46
```
#da3d46 rgb(218,61,70)
```
#de535b
```
#de535b rgb(222,83,91)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#e67d83
```
#e67d83 rgb(230,125,131)
```
#ea9398
```
#ea9398 rgb(234,147,152)
```
#eea8ac
```
#eea8ac rgb(238,168,172)
```

Monochromatic Color

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

#e2688e
```
#e2688e rgb(226,104,142)
```
#e26883
```
#e26883 rgb(226,104,131)
```
#e26879
```
#e26879 rgb(226,104,121)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#e26b68
```
#e26b68 rgb(226,107,104)
```
#e27568
```
#e27568 rgb(226,117,104)
```
#e28068
```
#e28068 rgb(226,128,104)
```

Similar Colors

Text with hexadecimal color #e2686f

This text has a font color of #e2686f.

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

#e2686f background color

This paragraph has a background color of #e2686f.

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

#e2686f border color

This element has a border color of #e2686f.

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

CSS codes

.text {color:#e2686f;}

.background {background-color:#e2686f;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0607
```
#1e0607 rgb(30,6,7)
```
#2e090b
```
#2e090b rgb(46,9,11)
```
#3f0c0f
```
#3f0c0f rgb(63,12,15)
```
#4f0f13
```
#4f0f13 rgb(79,15,19)
```
#601217
```
#601217 rgb(96,18,23)
```
#70161b
```
#70161b rgb(112,22,27)
```
#81191f
```
#81191f rgb(129,25,31)
```
#911c23
```
#911c23 rgb(145,28,35)
```
#a21f27
```
#a21f27 rgb(162,31,39)
```
#b2222a
```
#b2222a rgb(178,34,42)
```
#c3252e
```
#c3252e rgb(195,37,46)
```
#d32932
```
#d32932 rgb(211,41,50)
```

Shade Color Variation

#d93740
```
#d93740 rgb(217,55,64)
```
#dc4750
```
#dc4750 rgb(220,71,80)
```
#df585f
```
#df585f rgb(223,88,95)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#e5787f
```
#e5787f rgb(229,120,127)
```
#e8898e
```
#e8898e rgb(232,137,142)
```
#eb999e
```
#eb999e rgb(235,153,158)
```
#efaaae
```
#efaaae rgb(239,170,174)
```
#f2babd
```
#f2babd rgb(242,186,189)
```
#f5cbcd
```
#f5cbcd rgb(245,203,205)
```
#f8dbdd
```
#f8dbdd rgb(248,219,221)
```
#fbeced
```
#fbeced rgb(251,236,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#ab9fa0
```
#ab9fa0 rgb(171,159,160)
```
#b2989a
```
#b2989a rgb(178,152,154)
```
#b89294
```
#b89294 rgb(184,146,148)
```
#bf8b8e
```
#bf8b8e rgb(191,139,142)
```
#c68488
```
#c68488 rgb(198,132,136)
```
#cd7d81
```
#cd7d81 rgb(205,125,129)
```
#d4767b
```
#d4767b rgb(212,118,123)
```
#db6f75
```
#db6f75 rgb(219,111,117)
```
#e2686f
```
#e2686f rgb(226,104,111)
```
#e96169
```
#e96169 rgb(233,97,105)
```
#f05a63
```
#f05a63 rgb(240,90,99)
```
#f7535d
```
#f7535d rgb(247,83,93)
```
#fe4c56
```
#fe4c56 rgb(254,76,86)
```

Tone Color Variation

Below, you can see how #e2686f 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
#9e8687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9386 Protanopia 1% of men
#ae8e6f Deuteranopia 1% of men
#e36f76 Tritanopia 0.001% of the population

Trichromacy

#b4837d Protanomaly 1% of men, 0.01% of women
#c1806f Deuteranomaly 6% of men, 0.4% of women
#e26c73 Tritanomaly 0.01% of the population

#e2686f hex color

#e2686f Color Information

#e2686f Color Conversion

Color Schemes with #e2686f

Alternatives to #e2686f

#e2686f Preview

Shades and Tints of #e2686f

Tones of #e2686f

Color Blindness Simulator