#f2686c hex color

In a RGB color space, hex #f2686c is composed of 94.9% red, 40.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 55.4% yellow and 5.1% black. It has a hue angle of 358.3 degrees, a saturation of 84.1% and a lightness of 67.8%. #f2686c color hex could be obtained by blending #ffd0d8 with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 41
- B 42
RGB color chart
- C 0
- M 57
- Y 55
- K 5
CMYK color chart

● #f2686c color description : Soft red.

The hexadecimal color #f2686c has RGB values of R:242, G:104, B:108 and CMYK values of C:0, M:0.57, Y:0.55, K:0.05. Its decimal value is 15886444.

Hex triplet	f2686c	`#f2686c`
RGB Decimal	242, 104, 108	`rgb(242,104,108)`
RGB Percent	94.9, 40.8, 42.4	`rgb(94.9%,40.8%,42.4%)`
CMYK	0, 57, 55, 5
HSL	358.3°, 84.1, 67.8	`hsl(358.3,84.1%,67.8%)`
HSV (or HSB)	358.3°, 57, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.537, 53.385, 24.698
XYZ	44.276, 29.865, 17.619
xyY	0.483, 0.325, 29.865
CIE-LCH	61.537, 58.821, 24.827
CIE-LUV	61.537, 101.647, 19.798
Hunter-Lab	54.649, 48.986, 19.138
Binary	11110010, 01101000, 01101100

#f2686c
```
#f2686c rgb(242,104,108)
```
#68f2ee
```
#68f2ee rgb(104,242,238)
```

Complementary Color

#f268b1
```
#f268b1 rgb(242,104,177)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#f2a968
```
#f2a968 rgb(242,169,104)
```

Analogous Color

#68b1f2
```
#68b1f2 rgb(104,177,242)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#68f2a9
```
#68f2a9 rgb(104,242,169)
```

Split Complementary Color

#686cf2
```
#686cf2 rgb(104,108,242)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#6cf268
```
#6cf268 rgb(108,242,104)
```

Triadic Color

#ee68f2
```
#ee68f2 rgb(238,104,242)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#6cf268
```
#6cf268 rgb(108,242,104)
```
#68f2ee
```
#68f2ee rgb(104,242,238)
```

Tetradic Color

#ec2227
```
#ec2227 rgb(236,34,39)
```
#ee393e
```
#ee393e rgb(238,57,62)
```
#f05155
```
#f05155 rgb(240,81,85)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#f47f83
```
#f47f83 rgb(244,127,131)
```
#f6979a
```
#f6979a rgb(246,151,154)
```
#f8aeb1
```
#f8aeb1 rgb(248,174,177)
```

Monochromatic Color

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

#f2688f
```
#f2688f rgb(242,104,143)
```
#f26883
```
#f26883 rgb(242,104,131)
```
#f26878
```
#f26878 rgb(242,104,120)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#f27068
```
#f27068 rgb(242,112,104)
```
#f27b68
```
#f27b68 rgb(242,123,104)
```
#f28768
```
#f28768 rgb(242,135,104)
```

Similar Colors

Text with hexadecimal color #f2686c

This text has a font color of #f2686c.

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

#f2686c background color

This paragraph has a background color of #f2686c.

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

#f2686c border color

This element has a border color of #f2686c.

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

CSS codes

.text {color:#f2686c;}

.background {background-color:#f2686c;}

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

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

#0c0101
```
#0c0101 rgb(12,1,1)
```
#1e0303
```
#1e0303 rgb(30,3,3)
```
#300405
```
#300405 rgb(48,4,5)
```
#420607
```
#420607 rgb(66,6,7)
```
#540709
```
#540709 rgb(84,7,9)
```
#66090b
```
#66090b rgb(102,9,11)
```
#780a0d
```
#780a0d rgb(120,10,13)
```
#8a0c10
```
#8a0c10 rgb(138,12,16)
```
#9c0d12
```
#9c0d12 rgb(156,13,18)
```
#ae0f14
```
#ae0f14 rgb(174,15,20)
```
#c01116
```
#c01116 rgb(192,17,22)
```
#d21218
```
#d21218 rgb(210,18,24)
```
#e4141a
```
#e4141a rgb(228,20,26)
```

Shade Color Variation

#ec2026
```
#ec2026 rgb(236,32,38)
```
#ed3237
```
#ed3237 rgb(237,50,55)
```
#ef4449
```
#ef4449 rgb(239,68,73)
```
#f0565a
```
#f0565a rgb(240,86,90)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#f47a7e
```
#f47a7e rgb(244,122,126)
```
#f58c8f
```
#f58c8f rgb(245,140,143)
```
#f79ea1
```
#f79ea1 rgb(247,158,161)
```
#f8b0b2
```
#f8b0b2 rgb(248,176,178)
```
#fac2c4
```
#fac2c4 rgb(250,194,196)
```
#fbd4d5
```
#fbd4d5 rgb(251,212,213)
```
#fde6e7
```
#fde6e7 rgb(253,230,231)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#b3a7a7
```
#b3a7a7 rgb(179,167,167)
```
#b9a1a1
```
#b9a1a1 rgb(185,161,161)
```
#c09a9c
```
#c09a9c rgb(192,154,156)
```
#c69496
```
#c69496 rgb(198,148,150)
```
#cc8e90
```
#cc8e90 rgb(204,142,144)
```
#d2888a
```
#d2888a rgb(210,136,138)
```
#d98184
```
#d98184 rgb(217,129,132)
```
#df7b7e
```
#df7b7e rgb(223,123,126)
```
#e57578
```
#e57578 rgb(229,117,120)
```
#ec6e72
```
#ec6e72 rgb(236,110,114)
```
#f2686c
```
#f2686c rgb(242,104,108)
```
#f86266
```
#f86266 rgb(248,98,102)
```
#ff5b60
```
#ff5b60 rgb(255,91,96)
```

Tone Color Variation

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

Dichromacy

#a19984 Protanopia 1% of men
#b7936b Deuteranopia 1% of men
#f26f76 Tritanopia 0.001% of the population

Trichromacy

#be877b Protanomaly 1% of men, 0.01% of women
#cc836b Deuteranomaly 6% of men, 0.4% of women
#f26c72 Tritanomaly 0.01% of the population

#f2686c hex color

#f2686c Color Information

#f2686c Color Conversion

Color Schemes with #f2686c

Alternatives to #f2686c

#f2686c Preview

Shades and Tints of #f2686c

Tones of #f2686c

Color Blindness Simulator