#e5696f hex color

In a RGB color space, hex #e5696f is composed of 89.8% red, 41.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.1% magenta, 51.5% yellow and 10.2% black. It has a hue angle of 357.1 degrees, a saturation of 70.5% and a lightness of 65.5%. #e5696f color hex could be obtained by blending #ffd2de with #cb0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 90
- G 41
- B 44
RGB color chart
- C 0
- M 54
- Y 52
- K 10
CMYK color chart

● #e5696f color description : Soft red.

The hexadecimal color #e5696f has RGB values of R:229, G:105, B:111 and CMYK values of C:0, M:0.54, Y:0.52, K:0.1. Its decimal value is 15034735.

Hex triplet	e5696f	`#e5696f`
RGB Decimal	229, 105, 111	`rgb(229,105,111)`
RGB Percent	89.8, 41.2, 43.5	`rgb(89.8%,41.2%,43.5%)`
CMYK	0, 54, 52, 10
HSL	357.1°, 70.5, 65.5	`hsl(357.1,70.5%,65.5%)`
HSV (or HSB)	357.1°, 54.1, 89.8
Web Safe	cc6666	`#cc6666`

CIE-LAB	59.81, 48.661, 20.32
XYZ	40.235, 27.912, 18.307
xyY	0.465, 0.323, 27.912
CIE-LCH	59.81, 52.733, 22.664
CIE-LUV	59.81, 89.702, 15.98
Hunter-Lab	52.832, 43.482, 16.438
Binary	11100101, 01101001, 01101111

#e5696f
```
#e5696f rgb(229,105,111)
```
#69e5df
```
#69e5df rgb(105,229,223)
```

Complementary Color

#e569ad
```
#e569ad rgb(229,105,173)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#e5a169
```
#e5a169 rgb(229,161,105)
```

Analogous Color

#69ade5
```
#69ade5 rgb(105,173,229)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#69e5a1
```
#69e5a1 rgb(105,229,161)
```

Split Complementary Color

#696fe5
```
#696fe5 rgb(105,111,229)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#6fe569
```
#6fe569 rgb(111,229,105)
```

Triadic Color

#df69e5
```
#df69e5 rgb(223,105,229)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#6fe569
```
#6fe569 rgb(111,229,105)
```
#69e5df
```
#69e5df rgb(105,229,223)
```

Tetradic Color

#da2830
```
#da2830 rgb(218,40,48)
```
#dd3e45
```
#dd3e45 rgb(221,62,69)
```
#e1535a
```
#e1535a rgb(225,83,90)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#e97f84
```
#e97f84 rgb(233,127,132)
```
#ed9499
```
#ed9499 rgb(237,148,153)
```
#f0aaae
```
#f0aaae rgb(240,170,174)
```

Monochromatic Color

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

#e5698e
```
#e5698e rgb(229,105,142)
```
#e56984
```
#e56984 rgb(229,105,132)
```
#e56979
```
#e56979 rgb(229,105,121)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#e56d69
```
#e56d69 rgb(229,109,105)
```
#e57869
```
#e57869 rgb(229,120,105)
```
#e58269
```
#e58269 rgb(229,130,105)
```

Similar Colors

Text with hexadecimal color #e5696f

This text has a font color of #e5696f.

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

#e5696f background color

This paragraph has a background color of #e5696f.

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

#e5696f border color

This element has a border color of #e5696f.

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

CSS codes

.text {color:#e5696f;}

.background {background-color:#e5696f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110304
```
#110304 rgb(17,3,4)
```
#220607
```
#220607 rgb(34,6,7)
```
#33090b
```
#33090b rgb(51,9,11)
```
#430c0e
```
#430c0e rgb(67,12,14)
```
#540f12
```
#540f12 rgb(84,15,18)
```
#651115
```
#651115 rgb(101,17,21)
```
#751419
```
#751419 rgb(117,20,25)
```
#86171d
```
#86171d rgb(134,23,29)
```
#971a20
```
#971a20 rgb(151,26,32)
```
#a81d24
```
#a81d24 rgb(168,29,36)
```
#b82027
```
#b82027 rgb(184,32,39)
```
#c9232b
```
#c9232b rgb(201,35,43)
```

Shade Color Variation

#d9262f
```
#d9262f rgb(217,38,47)
```
#dc373f
```
#dc373f rgb(220,55,63)
```
#df484f
```
#df484f rgb(223,72,79)
```
#e2585f
```
#e2585f rgb(226,88,95)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#e87a7f
```
#e87a7f rgb(232,122,127)
```
#eb8a8f
```
#eb8a8f rgb(235,138,143)
```
#ee9b9f
```
#ee9b9f rgb(238,155,159)
```
#f1acaf
```
#f1acaf rgb(241,172,175)
```
#f3bdbf
```
#f3bdbf rgb(243,189,191)
```
#f6cdcf
```
#f6cdcf rgb(246,205,207)
```
#f9dedf
```
#f9dedf rgb(249,222,223)
```
#fcefef
```
#fcefef rgb(252,239,239)
```

Tint Color Variation

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

#a8a6a6
```
#a8a6a6 rgb(168,166,166)
```
#af9fa0
```
#af9fa0 rgb(175,159,160)
```
#b6989a
```
#b6989a rgb(182,152,154)
```
#bc9294
```
#bc9294 rgb(188,146,148)
```
#c38b8e
```
#c38b8e rgb(195,139,142)
```
#ca8487
```
#ca8487 rgb(202,132,135)
```
#d17d81
```
#d17d81 rgb(209,125,129)
```
#d7777b
```
#d7777b rgb(215,119,123)
```
#de7075
```
#de7075 rgb(222,112,117)
```
#e5696f
```
#e5696f rgb(229,105,111)
```
#ec6269
```
#ec6269 rgb(236,98,105)
```
#f35b63
```
#f35b63 rgb(243,91,99)
```
#f9555d
```
#f9555d rgb(249,85,93)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a08789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9586 Protanopia 1% of men
#b08f6f Deuteranopia 1% of men
#e67077 Tritanopia 0.001% of the population

Trichromacy

#b6857d Protanomaly 1% of men, 0.01% of women
#c3816f Deuteranomaly 6% of men, 0.4% of women
#e56d74 Tritanomaly 0.01% of the population

#e5696f hex color

#e5696f Color Information

#e5696f Color Conversion

Color Schemes with #e5696f

Alternatives to #e5696f

#e5696f Preview

Shades and Tints of #e5696f

Tones of #e5696f

Color Blindness Simulator