#f86f94 hex color

In a RGB color space, hex #f86f94 is composed of 97.3% red, 43.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 40.3% yellow and 2.7% black. It has a hue angle of 343.8 degrees, a saturation of 90.7% and a lightness of 70.4%. #f86f94 color hex could be obtained by blending #ffdeff with #f10029. Closest websafe color is: #ff6699.

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

● #f86f94 color description : Soft pink.

The hexadecimal color #f86f94 has RGB values of R:248, G:111, B:148 and CMYK values of C:0, M:0.55, Y:0.4, K:0.03. Its decimal value is 16281492.

Hex triplet	f86f94	`#f86f94`
RGB Decimal	248, 111, 148	`rgb(248,111,148)`
RGB Percent	97.3, 43.5, 58	`rgb(97.3%,43.5%,58%)`
CMYK	0, 55, 40, 3
HSL	343.8°, 90.7, 70.4	`hsl(343.8,90.7%,70.4%)`
HSV (or HSB)	343.8°, 55.2, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	64.538, 55.786, 6.086
XYZ	49.742, 33.468, 31.856
xyY	0.432, 0.291, 33.468
CIE-LCH	64.538, 56.117, 6.227
CIE-LUV	64.538, 91.895, -2.536
Hunter-Lab	57.851, 52.239, 7.848
Binary	11111000, 01101111, 10010100

#f86f94
```
#f86f94 rgb(248,111,148)
```
#6ff8d3
```
#6ff8d3 rgb(111,248,211)
```

Complementary Color

#f86fd9
```
#f86fd9 rgb(248,111,217)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#f88f6f
```
#f88f6f rgb(248,143,111)
```

Analogous Color

#6fd9f8
```
#6fd9f8 rgb(111,217,248)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#6ff88f
```
#6ff88f rgb(111,248,143)
```

Split Complementary Color

#6f94f8
```
#6f94f8 rgb(111,148,248)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#94f86f
```
#94f86f rgb(148,248,111)
```

Triadic Color

#d36ff8
```
#d36ff8 rgb(211,111,248)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#94f86f
```
#94f86f rgb(148,248,111)
```
#6ff8d3
```
#6ff8d3 rgb(111,248,211)
```

Tetradic Color

#f4265e
```
#f4265e rgb(244,38,94)
```
#f63e70
```
#f63e70 rgb(246,62,112)
```
#f75782
```
#f75782 rgb(247,87,130)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#f987a6
```
#f987a6 rgb(249,135,166)
```
#faa0b8
```
#faa0b8 rgb(250,160,184)
```
#fcb8ca
```
#fcb8ca rgb(252,184,202)
```

Monochromatic Color

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

#f86fb6
```
#f86fb6 rgb(248,111,182)
```
#f86fab
```
#f86fab rgb(248,111,171)
```
#f86f9f
```
#f86f9f rgb(248,111,159)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#f86f89
```
#f86f89 rgb(248,111,137)
```
#f86f7d
```
#f86f7d rgb(248,111,125)
```
#f86f72
```
#f86f72 rgb(248,111,114)
```

Similar Colors

Text with hexadecimal color #f86f94

This text has a font color of #f86f94.

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

#f86f94 background color

This paragraph has a background color of #f86f94.

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

#f86f94 border color

This element has a border color of #f86f94.

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

CSS codes

.text {color:#f86f94;}

.background {background-color:#f86f94;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#180107
```
#180107 rgb(24,1,7)
```
#2b020d
```
#2b020d rgb(43,2,13)
```
#3e0313
```
#3e0313 rgb(62,3,19)
```
#500419
```
#500419 rgb(80,4,25)
```
#63051e
```
#63051e rgb(99,5,30)
```
#760624
```
#760624 rgb(118,6,36)
```
#89072a
```
#89072a rgb(137,7,42)
```
#9b082f
```
#9b082f rgb(155,8,47)
```
#ae0835
```
#ae0835 rgb(174,8,53)
```
#c1093b
```
#c1093b rgb(193,9,59)
```
#d30a41
```
#d30a41 rgb(211,10,65)
```
#e60b46
```
#e60b46 rgb(230,11,70)
```

Shade Color Variation

#f3114f
```
#f3114f rgb(243,17,79)
```
#f4245c
```
#f4245c rgb(244,36,92)
```
#f5376a
```
#f5376a rgb(245,55,106)
```
#f64a78
```
#f64a78 rgb(246,74,120)
```
#f75c86
```
#f75c86 rgb(247,92,134)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#f982a2
```
#f982a2 rgb(249,130,162)
```
#fa94b0
```
#fa94b0 rgb(250,148,176)
```
#fba7be
```
#fba7be rgb(251,167,190)
```
#fcbacc
```
#fcbacc rgb(252,186,204)
```
#fdcdd9
```
#fdcdd9 rgb(253,205,217)
```
#fddfe7
```
#fddfe7 rgb(253,223,231)
```
#fef2f5
```
#fef2f5 rgb(254,242,245)
```

Tint Color Variation

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

#b8afb1
```
#b8afb1 rgb(184,175,177)
```
#bea9af
```
#bea9af rgb(190,169,175)
```
#c4a3ac
```
#c4a3ac rgb(196,163,172)
```
#ca9da9
```
#ca9da9 rgb(202,157,169)
```
#cf98a7
```
#cf98a7 rgb(207,152,167)
```
#d592a4
```
#d592a4 rgb(213,146,164)
```
#db8ca1
```
#db8ca1 rgb(219,140,161)
```
#e1869f
```
#e1869f rgb(225,134,159)
```
#e7809c
```
#e7809c rgb(231,128,156)
```
#ec7b99
```
#ec7b99 rgb(236,123,153)
```
#f27597
```
#f27597 rgb(242,117,151)
```
#f86f94
```
#f86f94 rgb(248,111,148)
```
#fe6991
```
#fe6991 rgb(254,105,145)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ae939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a0ae Protanopia 1% of men
#b69c90 Deuteranopia 1% of men
#f67a82 Tritanopia 0.001% of the population

Trichromacy

#c08ea5 Protanomaly 1% of men, 0.01% of women
#ce8b91 Deuteranomaly 6% of men, 0.4% of women
#f77688 Tritanomaly 0.01% of the population

#f86f94 hex color

#f86f94 Color Information

#f86f94 Color Conversion

Color Schemes with #f86f94

Alternatives to #f86f94

#f86f94 Preview

Shades and Tints of #f86f94

Tones of #f86f94

Color Blindness Simulator