#ef696f hex color

In a RGB color space, hex #ef696f is composed of 93.7% red, 41.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 53.6% yellow and 6.3% black. It has a hue angle of 357.3 degrees, a saturation of 80.7% and a lightness of 67.5%. #ef696f color hex could be obtained by blending #ffd2de with #df0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 41
- B 44
RGB color chart
- C 0
- M 56
- Y 54
- K 6
CMYK color chart

● #ef696f color description : Soft red.

The hexadecimal color #ef696f has RGB values of R:239, G:105, B:111 and CMYK values of C:0, M:0.56, Y:0.54, K:0.06. Its decimal value is 15690095.

Hex triplet	ef696f	`#ef696f`
RGB Decimal	239, 105, 111	`rgb(239,105,111)`
RGB Percent	93.7, 41.2, 43.5	`rgb(93.7%,41.2%,43.5%)`
CMYK	0, 56, 54, 6
HSL	357.3°, 80.7, 67.5	`hsl(357.3,80.7%,67.5%)`
HSV (or HSB)	357.3°, 56.1, 93.7
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.312, 52.131, 22.603
XYZ	43.519, 29.606, 18.461
xyY	0.475, 0.323, 29.606
CIE-LCH	61.312, 56.82, 23.44
CIE-LUV	61.312, 97.838, 17.836
Hunter-Lab	54.411, 47.547, 17.972
Binary	11101111, 01101001, 01101111

#ef696f
```
#ef696f rgb(239,105,111)
```
#69efe9
```
#69efe9 rgb(105,239,233)
```

Complementary Color

#ef69b2
```
#ef69b2 rgb(239,105,178)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#efa669
```
#efa669 rgb(239,166,105)
```

Analogous Color

#69b2ef
```
#69b2ef rgb(105,178,239)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#69efa6
```
#69efa6 rgb(105,239,166)
```

Split Complementary Color

#696fef
```
#696fef rgb(105,111,239)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#6fef69
```
#6fef69 rgb(111,239,105)
```

Triadic Color

#e969ef
```
#e969ef rgb(233,105,239)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#6fef69
```
#6fef69 rgb(111,239,105)
```
#69efe9
```
#69efe9 rgb(105,239,233)
```

Tetradic Color

#e8242d
```
#e8242d rgb(232,36,45)
```
#ea3b43
```
#ea3b43 rgb(234,59,67)
```
#ed5259
```
#ed5259 rgb(237,82,89)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#f18085
```
#f18085 rgb(241,128,133)
```
#f4979b
```
#f4979b rgb(244,151,155)
```
#f6aeb1
```
#f6aeb1 rgb(246,174,177)
```

Monochromatic Color

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

#ef6991
```
#ef6991 rgb(239,105,145)
```
#ef6985
```
#ef6985 rgb(239,105,133)
```
#ef697a
```
#ef697a rgb(239,105,122)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#ef6e69
```
#ef6e69 rgb(239,110,105)
```
#ef7969
```
#ef7969 rgb(239,121,105)
```
#ef8569
```
#ef8569 rgb(239,133,105)
```

Similar Colors

Text with hexadecimal color #ef696f

This text has a font color of #ef696f.

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

#ef696f background color

This paragraph has a background color of #ef696f.

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

#ef696f border color

This element has a border color of #ef696f.

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

CSS codes

.text {color:#ef696f;}

.background {background-color:#ef696f;}

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

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

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1b0304
```
#1b0304 rgb(27,3,4)
```
#2d0507
```
#2d0507 rgb(45,5,7)
```
#3f0709
```
#3f0709 rgb(63,7,9)
```
#50090c
```
#50090c rgb(80,9,12)
```
#620a0e
```
#620a0e rgb(98,10,14)
```
#740c11
```
#740c11 rgb(116,12,17)
```
#860e14
```
#860e14 rgb(134,14,20)
```
#971016
```
#971016 rgb(151,16,22)
```
#a91219
```
#a91219 rgb(169,18,25)
```
#bb141b
```
#bb141b rgb(187,20,27)
```
#cc161e
```
#cc161e rgb(204,22,30)
```
#de1821
```
#de1821 rgb(222,24,33)
```

Shade Color Variation

#e7222b
```
#e7222b rgb(231,34,43)
```
#e9343c
```
#e9343c rgb(233,52,60)
```
#eb464d
```
#eb464d rgb(235,70,77)
```
#ed575e
```
#ed575e rgb(237,87,94)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#f17b80
```
#f17b80 rgb(241,123,128)
```
#f38c91
```
#f38c91 rgb(243,140,145)
```
#f59ea2
```
#f59ea2 rgb(245,158,162)
```
#f7b0b3
```
#f7b0b3 rgb(247,176,179)
```
#f8c2c4
```
#f8c2c4 rgb(248,194,196)
```
#fad3d5
```
#fad3d5 rgb(250,211,213)
```
#fce5e6
```
#fce5e6 rgb(252,229,230)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#afa9a9
```
#afa9a9 rgb(175,169,169)
```
#b6a2a3
```
#b6a2a3 rgb(182,162,163)
```
#bc9c9e
```
#bc9c9e rgb(188,156,158)
```
#c29698
```
#c29698 rgb(194,150,152)
```
#c98f92
```
#c98f92 rgb(201,143,146)
```
#cf898c
```
#cf898c rgb(207,137,140)
```
#d58386
```
#d58386 rgb(213,131,134)
```
#dc7c80
```
#dc7c80 rgb(220,124,128)
```
#e2767b
```
#e2767b rgb(226,118,123)
```
#e96f75
```
#e96f75 rgb(233,111,117)
```
#ef696f
```
#ef696f rgb(239,105,111)
```
#f56369
```
#f56369 rgb(245,99,105)
```
#fc5c63
```
#fc5c63 rgb(252,92,99)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a58a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09987 Protanopia 1% of men
#b5936e Deuteranopia 1% of men
#ef7077 Tritanopia 0.001% of the population

Trichromacy

#bd877e Protanomaly 1% of men, 0.01% of women
#ca846e Deuteranomaly 6% of men, 0.4% of women
#ef6d74 Tritanomaly 0.01% of the population

#ef696f hex color

#ef696f Color Information

#ef696f Color Conversion

Color Schemes with #ef696f

Alternatives to #ef696f

#ef696f Preview

Shades and Tints of #ef696f

Tones of #ef696f

Color Blindness Simulator