#ef686a hex color

In a RGB color space, hex #ef686a is composed of 93.7% red, 40.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 55.6% yellow and 6.3% black. It has a hue angle of 359.1 degrees, a saturation of 80.8% and a lightness of 67.3%. #ef686a color hex could be obtained by blending #ffd0d4 with #df0000. Closest websafe color is: #ff6666.

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

● #ef686a color description : Soft red.

The hexadecimal color #ef686a has RGB values of R:239, G:104, B:106 and CMYK values of C:0, M:0.56, Y:0.56, K:0.06. Its decimal value is 15689834.

Hex triplet	ef686a	`#ef686a`
RGB Decimal	239, 104, 106	`rgb(239,104,106)`
RGB Percent	93.7, 40.8, 41.6	`rgb(93.7%,40.8%,41.6%)`
CMYK	0, 56, 56, 6
HSL	359.1°, 80.8, 67.3	`hsl(359.1,80.8%,67.3%)`
HSV (or HSB)	359.1°, 56.5, 93.7
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.042, 52.204, 25.1
XYZ	43.15, 29.296, 17.017
xyY	0.482, 0.327, 29.296
CIE-LCH	61.042, 57.925, 25.679
CIE-LUV	61.042, 99.666, 20.432
Hunter-Lab	54.126, 47.582, 19.247
Binary	11101111, 01101000, 01101010

#ef686a
```
#ef686a rgb(239,104,106)
```
#68efed
```
#68efed rgb(104,239,237)
```

Complementary Color

#ef68ae
```
#ef68ae rgb(239,104,174)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#efaa68
```
#efaa68 rgb(239,170,104)
```

Analogous Color

#68aeef
```
#68aeef rgb(104,174,239)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#68efaa
```
#68efaa rgb(104,239,170)
```

Split Complementary Color

#686aef
```
#686aef rgb(104,106,239)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#6aef68
```
#6aef68 rgb(106,239,104)
```

Triadic Color

#ed68ef
```
#ed68ef rgb(237,104,239)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#6aef68
```
#6aef68 rgb(106,239,104)
```
#68efed
```
#68efed rgb(104,239,237)
```

Tetradic Color

#e82326
```
#e82326 rgb(232,35,38)
```
#ea3a3c
```
#ea3a3c rgb(234,58,60)
```
#ed5153
```
#ed5153 rgb(237,81,83)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#f17f81
```
#f17f81 rgb(241,127,129)
```
#f49698
```
#f49698 rgb(244,150,152)
```
#f6adae
```
#f6adae rgb(246,173,174)
```

Monochromatic Color

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

#ef688c
```
#ef688c rgb(239,104,140)
```
#ef6881
```
#ef6881 rgb(239,104,129)
```
#ef6875
```
#ef6875 rgb(239,104,117)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#ef7168
```
#ef7168 rgb(239,113,104)
```
#ef7d68
```
#ef7d68 rgb(239,125,104)
```
#ef8868
```
#ef8868 rgb(239,136,104)
```

Similar Colors

Text with hexadecimal color #ef686a

This text has a font color of #ef686a.

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

#ef686a background color

This paragraph has a background color of #ef686a.

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

#ef686a border color

This element has a border color of #ef686a.

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

CSS codes

.text {color:#ef686a;}

.background {background-color:#ef686a;}

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

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

#090101
```
#090101 rgb(9,1,1)
```
#1a0303
```
#1a0303 rgb(26,3,3)
```
#2c0505
```
#2c0505 rgb(44,5,5)
```
#3e0707
```
#3e0707 rgb(62,7,7)
```
#500809
```
#500809 rgb(80,8,9)
```
#610a0c
```
#610a0c rgb(97,10,12)
```
#730c0e
```
#730c0e rgb(115,12,14)
```
#850e10
```
#850e10 rgb(133,14,16)
```
#971012
```
#971012 rgb(151,16,18)
```
#a81214
```
#a81214 rgb(168,18,20)
```
#ba1416
```
#ba1416 rgb(186,20,22)
```
#cc1618
```
#cc1618 rgb(204,22,24)
```
#dd171a
```
#dd171a rgb(221,23,26)
```

Shade Color Variation

#e72124
```
#e72124 rgb(231,33,36)
```
#e93335
```
#e93335 rgb(233,51,53)
```
#eb4547
```
#eb4547 rgb(235,69,71)
```
#ed5658
```
#ed5658 rgb(237,86,88)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#f17a7c
```
#f17a7c rgb(241,122,124)
```
#f38b8d
```
#f38b8d rgb(243,139,141)
```
#f59d9f
```
#f59d9f rgb(245,157,159)
```
#f7afb0
```
#f7afb0 rgb(247,175,176)
```
#f8c1c2
```
#f8c1c2 rgb(248,193,194)
```
#fad2d3
```
#fad2d3 rgb(250,210,211)
```
#fce4e5
```
#fce4e5 rgb(252,228,229)
```
#fef6f6
```
#fef6f6 rgb(254,246,246)
```

Tint Color Variation

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

#afa8a8
```
#afa8a8 rgb(175,168,168)
```
#b5a2a2
```
#b5a2a2 rgb(181,162,162)
```
#bc9b9c
```
#bc9b9c rgb(188,155,156)
```
#c29596
```
#c29596 rgb(194,149,150)
```
#c88f8f
```
#c88f8f rgb(200,143,143)
```
#cf8889
```
#cf8889 rgb(207,136,137)
```
#d58283
```
#d58283 rgb(213,130,131)
```
#dc7b7d
```
#dc7b7d rgb(220,123,125)
```
#e27576
```
#e27576 rgb(226,117,118)
```
#e96e70
```
#e96e70 rgb(233,110,112)
```
#ef686a
```
#ef686a rgb(239,104,106)
```
#f56264
```
#f56264 rgb(245,98,100)
```
#fc5b5e
```
#fc5b5e rgb(252,91,94)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a48989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09882 Protanopia 1% of men
#b59269 Deuteranopia 1% of men
#f06f75 Tritanopia 0.001% of the population

Trichromacy

#bd8679 Protanomaly 1% of men, 0.01% of women
#ca8369 Deuteranomaly 6% of men, 0.4% of women
#ef6c71 Tritanomaly 0.01% of the population

#ef686a hex color

#ef686a Color Information

#ef686a Color Conversion

Color Schemes with #ef686a

Alternatives to #ef686a

#ef686a Preview

Shades and Tints of #ef686a

Tones of #ef686a

Color Blindness Simulator