#f86c7e hex color

In a RGB color space, hex #f86c7e is composed of 97.3% red, 42.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 49.2% yellow and 2.7% black. It has a hue angle of 352.3 degrees, a saturation of 90.9% and a lightness of 69.8%. #f86c7e color hex could be obtained by blending #ffd8fc with #f10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 97
- G 42
- B 49
RGB color chart
- C 0
- M 56
- Y 49
- K 3
CMYK color chart

● #f86c7e color description : Soft red.

The hexadecimal color #f86c7e has RGB values of R:248, G:108, B:126 and CMYK values of C:0, M:0.56, Y:0.49, K:0.03. Its decimal value is 16280702.

Hex triplet	f86c7e	`#f86c7e`
RGB Decimal	248, 108, 126	`rgb(248,108,126)`
RGB Percent	97.3, 42.4, 49.4	`rgb(97.3%,42.4%,49.4%)`
CMYK	0, 56, 49, 3
HSL	352.3°, 90.9, 69.8	`hsl(352.3,90.9%,69.8%)`
HSV (or HSB)	352.3°, 56.5, 97.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	63.501, 55.053, 17.219
XYZ	47.841, 32.192, 23.432
xyY	0.462, 0.311, 32.192
CIE-LCH	63.501, 57.684, 17.368
CIE-LUV	63.501, 99.524, 11.332
Hunter-Lab	56.738, 51.217, 15.231
Binary	11111000, 01101100, 01111110

#f86c7e
```
#f86c7e rgb(248,108,126)
```
#6cf8e6
```
#6cf8e6 rgb(108,248,230)
```

Complementary Color

#f86cc4
```
#f86cc4 rgb(248,108,196)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#f8a06c
```
#f8a06c rgb(248,160,108)
```

Analogous Color

#6cc4f8
```
#6cc4f8 rgb(108,196,248)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#6cf8a0
```
#6cf8a0 rgb(108,248,160)
```

Split Complementary Color

#6c7ef8
```
#6c7ef8 rgb(108,126,248)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#7ef86c
```
#7ef86c rgb(126,248,108)
```

Triadic Color

#e66cf8
```
#e66cf8 rgb(230,108,248)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#7ef86c
```
#7ef86c rgb(126,248,108)
```
#6cf8e6
```
#6cf8e6 rgb(108,248,230)
```

Tetradic Color

#f5233e
```
#f5233e rgb(245,35,62)
```
#f63b53
```
#f63b53 rgb(246,59,83)
```
#f75469
```
#f75469 rgb(247,84,105)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#f98493
```
#f98493 rgb(249,132,147)
```
#fa9da9
```
#fa9da9 rgb(250,157,169)
```
#fbb5be
```
#fbb5be rgb(251,181,190)
```

Monochromatic Color

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

#f86ca1
```
#f86ca1 rgb(248,108,161)
```
#f86c95
```
#f86c95 rgb(248,108,149)
```
#f86c8a
```
#f86c8a rgb(248,108,138)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#f86c72
```
#f86c72 rgb(248,108,114)
```
#f8716c
```
#f8716c rgb(248,113,108)
```
#f87d6c
```
#f87d6c rgb(248,125,108)
```

Similar Colors

Text with hexadecimal color #f86c7e

This text has a font color of #f86c7e.

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

#f86c7e background color

This paragraph has a background color of #f86c7e.

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

#f86c7e border color

This element has a border color of #f86c7e.

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

CSS codes

.text {color:#f86c7e;}

.background {background-color:#f86c7e;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160104
```
#160104 rgb(22,1,4)
```
#280207
```
#280207 rgb(40,2,7)
```
#3b030a
```
#3b030a rgb(59,3,10)
```
#4e040d
```
#4e040d rgb(78,4,13)
```
#600510
```
#600510 rgb(96,5,16)
```
#730514
```
#730514 rgb(115,5,20)
```
#860617
```
#860617 rgb(134,6,23)
```
#99071a
```
#99071a rgb(153,7,26)
```
#ab081d
```
#ab081d rgb(171,8,29)
```
#be0920
```
#be0920 rgb(190,9,32)
```
#d10a24
```
#d10a24 rgb(209,10,36)
```
#e30b27
```
#e30b27 rgb(227,11,39)
```

Shade Color Variation

#f40e2c
```
#f40e2c rgb(244,14,44)
```
#f4213c
```
#f4213c rgb(244,33,60)
```
#f5344d
```
#f5344d rgb(245,52,77)
```
#f6475d
```
#f6475d rgb(246,71,93)
```
#f7596e
```
#f7596e rgb(247,89,110)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#f97f8e
```
#f97f8e rgb(249,127,142)
```
#fa919f
```
#fa919f rgb(250,145,159)
```
#fba4af
```
#fba4af rgb(251,164,175)
```
#fcb7c0
```
#fcb7c0 rgb(252,183,192)
```
#fccad0
```
#fccad0 rgb(252,202,208)
```
#fddce1
```
#fddce1 rgb(253,220,225)
```
#feeff1
```
#feeff1 rgb(254,239,241)
```

Tint Color Variation

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

#b7adae
```
#b7adae rgb(183,173,174)
```
#bda7aa
```
#bda7aa rgb(189,167,170)
```
#c3a1a6
```
#c3a1a6 rgb(195,161,166)
```
#c99ba1
```
#c99ba1 rgb(201,155,161)
```
#cf959d
```
#cf959d rgb(207,149,157)
```
#d49098
```
#d49098 rgb(212,144,152)
```
#da8a94
```
#da8a94 rgb(218,138,148)
```
#e08490
```
#e08490 rgb(224,132,144)
```
#e67e8b
```
#e67e8b rgb(230,126,139)
```
#ec7887
```
#ec7887 rgb(236,120,135)
```
#f27282
```
#f27282 rgb(242,114,130)
```
#f86c7e
```
#f86c7e rgb(248,108,126)
```
#fe667a
```
#fe667a rgb(254,102,122)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ab8f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39e98 Protanopia 1% of men
#b9987c Deuteranopia 1% of men
#f7757c Tritanopia 0.001% of the population

Trichromacy

#c28c8e Protanomaly 1% of men, 0.01% of women
#d0887c Deuteranomaly 6% of men, 0.4% of women
#f7717c Tritanomaly 0.01% of the population

#f86c7e hex color

#f86c7e Color Information

#f86c7e Color Conversion

Color Schemes with #f86c7e

Alternatives to #f86c7e

#f86c7e Preview

Shades and Tints of #f86c7e

Tones of #f86c7e

Color Blindness Simulator