#f86896 hex color

In a RGB color space, hex #f86896 is composed of 97.3% red, 40.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.1% magenta, 39.5% yellow and 2.7% black. It has a hue angle of 340.8 degrees, a saturation of 91.1% and a lightness of 69%. #f86896 color hex could be obtained by blending #ffd0ff with #f1002d. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 97
- G 41
- B 59
RGB color chart
- C 0
- M 58
- Y 40
- K 3
CMYK color chart

● #f86896 color description : Soft pink.

The hexadecimal color #f86896 has RGB values of R:248, G:104, B:150 and CMYK values of C:0, M:0.58, Y:0.4, K:0.03. Its decimal value is 16279702.

Hex triplet	f86896	`#f86896`
RGB Decimal	248, 104, 150	`rgb(248,104,150)`
RGB Percent	97.3, 40.8, 58.8	`rgb(97.3%,40.8%,58.8%)`
CMYK	0, 58, 40, 3
HSL	340.8°, 91.1, 69	`hsl(340.8,91.1%,69%)`
HSV (or HSB)	340.8°, 58.1, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	63.395, 59.154, 3.293
XYZ	49.168, 32.063, 32.452
xyY	0.432, 0.282, 32.063
CIE-LCH	63.395, 59.246, 3.186
CIE-LUV	63.395, 95.264, -6.959
Hunter-Lab	56.624, 55.9, 5.657
Binary	11111000, 01101000, 10010110

#f86896
```
#f86896 rgb(248,104,150)
```
#68f8ca
```
#68f8ca rgb(104,248,202)
```

Complementary Color

#f868de
```
#f868de rgb(248,104,222)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#f88268
```
#f88268 rgb(248,130,104)
```

Analogous Color

#68def8
```
#68def8 rgb(104,222,248)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#68f882
```
#68f882 rgb(104,248,130)
```

Split Complementary Color

#6896f8
```
#6896f8 rgb(104,150,248)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#96f868
```
#96f868 rgb(150,248,104)
```

Triadic Color

#ca68f8
```
#ca68f8 rgb(202,104,248)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#96f868
```
#96f868 rgb(150,248,104)
```
#68f8ca
```
#68f8ca rgb(104,248,202)
```

Tetradic Color

#f51f63
```
#f51f63 rgb(245,31,99)
```
#f63774
```
#f63774 rgb(246,55,116)
```
#f75085
```
#f75085 rgb(247,80,133)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#f980a7
```
#f980a7 rgb(249,128,167)
```
#fa99b8
```
#fa99b8 rgb(250,153,184)
```
#fbb1c9
```
#fbb1c9 rgb(251,177,201)
```

Monochromatic Color

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

#f868ba
```
#f868ba rgb(248,104,186)
```
#f868ae
```
#f868ae rgb(248,104,174)
```
#f868a2
```
#f868a2 rgb(248,104,162)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#f8688a
```
#f8688a rgb(248,104,138)
```
#f8687e
```
#f8687e rgb(248,104,126)
```
#f86872
```
#f86872 rgb(248,104,114)
```

Similar Colors

Text with hexadecimal color #f86896

This text has a font color of #f86896.

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

#f86896 background color

This paragraph has a background color of #f86896.

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

#f86896 border color

This element has a border color of #f86896.

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

CSS codes

.text {color:#f86896;}

.background {background-color:#f86896;}

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

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

#120106
```
#120106 rgb(18,1,6)
```
#24020d
```
#24020d rgb(36,2,13)
```
#370313
```
#370313 rgb(55,3,19)
```
#4a031a
```
#4a031a rgb(74,3,26)
```
#5d0421
```
#5d0421 rgb(93,4,33)
```
#6f0527
```
#6f0527 rgb(111,5,39)
```
#82062e
```
#82062e rgb(130,6,46)
```
#950734
```
#950734 rgb(149,7,52)
```
#a8083b
```
#a8083b rgb(168,8,59)
```
#ba0941
```
#ba0941 rgb(186,9,65)
```
#cd0a48
```
#cd0a48 rgb(205,10,72)
```
#e00a4f
```
#e00a4f rgb(224,10,79)
```
#f30b55
```
#f30b55 rgb(243,11,85)
```

Shade Color Variation

#f51d62
```
#f51d62 rgb(245,29,98)
```
#f5306f
```
#f5306f rgb(245,48,111)
```
#f6437c
```
#f6437c rgb(246,67,124)
```
#f75589
```
#f75589 rgb(247,85,137)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#f97ba3
```
#f97ba3 rgb(249,123,163)
```
#fa8db0
```
#fa8db0 rgb(250,141,176)
```
#fba0bd
```
#fba0bd rgb(251,160,189)
```
#fbb3ca
```
#fbb3ca rgb(251,179,202)
```
#fcc6d7
```
#fcc6d7 rgb(252,198,215)
```
#fdd8e4
```
#fdd8e4 rgb(253,216,228)
```
#feebf1
```
#feebf1 rgb(254,235,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#b5abae
```
#b5abae rgb(181,171,174)
```
#bba5ac
```
#bba5ac rgb(187,165,172)
```
#c19faa
```
#c19faa rgb(193,159,170)
```
#c799a8
```
#c799a8 rgb(199,153,168)
```
#cd93a5
```
#cd93a5 rgb(205,147,165)
```
#d48ca3
```
#d48ca3 rgb(212,140,163)
```
#da86a1
```
#da86a1 rgb(218,134,161)
```
#e0809f
```
#e0809f rgb(224,128,159)
```
#e67a9d
```
#e67a9d rgb(230,122,157)
```
#ec749a
```
#ec749a rgb(236,116,154)
```
#f26e98
```
#f26e98 rgb(242,110,152)
```
#f86896
```
#f86896 rgb(248,104,150)
```
#fe6294
```
#fe6294 rgb(254,98,148)
```

Tone Color Variation

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

Dichromacy

#9a9db3 Protanopia 1% of men
#b29991 Deuteranopia 1% of men
#f5757d Tritanopia 0.001% of the population

Trichromacy

#bc8aa8 Protanomaly 1% of men, 0.01% of women
#cb8793 Deuteranomaly 6% of men, 0.4% of women
#f67086 Tritanomaly 0.01% of the population

#f86896 hex color

#f86896 Color Information

#f86896 Color Conversion

Color Schemes with #f86896

Alternatives to #f86896

#f86896 Preview

Shades and Tints of #f86896

Tones of #f86896

Color Blindness Simulator