#f86cae hex color

In a RGB color space, hex #f86cae is composed of 97.3% red, 42.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 29.8% yellow and 2.7% black. It has a hue angle of 331.7 degrees, a saturation of 90.9% and a lightness of 69.8%. #f86cae color hex could be obtained by blending #ffd8ff with #f1005d. Closest websafe color is: #ff6699.

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

● #f86cae color description : Soft pink.

The hexadecimal color #f86cae has RGB values of R:248, G:108, B:174 and CMYK values of C:0, M:0.56, Y:0.3, K:0.03. Its decimal value is 16280750.

Hex triplet	f86cae	`#f86cae`
RGB Decimal	248, 108, 174	`rgb(248,108,174)`
RGB Percent	97.3, 42.4, 68.2	`rgb(97.3%,42.4%,68.2%)`
CMYK	0, 56, 30, 3
HSL	331.7°, 90.9, 69.8	`hsl(331.7,90.9%,69.8%)`
HSV (or HSB)	331.7°, 56.5, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	64.757, 60.098, -8.438
XYZ	51.714, 33.742, 43.831
xyY	0.4, 0.261, 33.742
CIE-LCH	64.757, 60.688, 352.008
CIE-LUV	64.757, 86.073, -23.405
Hunter-Lab	58.088, 57.262, -4.077
Binary	11111000, 01101100, 10101110

#f86cae
```
#f86cae rgb(248,108,174)
```
#6cf8b6
```
#6cf8b6 rgb(108,248,182)
```

Complementary Color

#f86cf4
```
#f86cf4 rgb(248,108,244)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#f8706c
```
#f8706c rgb(248,112,108)
```

Analogous Color

#6cf4f8
```
#6cf4f8 rgb(108,244,248)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#6cf870
```
#6cf870 rgb(108,248,112)
```

Split Complementary Color

#6caef8
```
#6caef8 rgb(108,174,248)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#aef86c
```
#aef86c rgb(174,248,108)
```

Triadic Color

#b66cf8
```
#b66cf8 rgb(182,108,248)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#aef86c
```
#aef86c rgb(174,248,108)
```
#6cf8b6
```
#6cf8b6 rgb(108,248,182)
```

Tetradic Color

#f52386
```
#f52386 rgb(245,35,134)
```
#f63b93
```
#f63b93 rgb(246,59,147)
```
#f754a1
```
#f754a1 rgb(247,84,161)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#f984bb
```
#f984bb rgb(249,132,187)
```
#fa9dc9
```
#fa9dc9 rgb(250,157,201)
```
#fbb5d6
```
#fbb5d6 rgb(251,181,214)
```

Monochromatic Color

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

#f86cd1
```
#f86cd1 rgb(248,108,209)
```
#f86cc5
```
#f86cc5 rgb(248,108,197)
```
#f86cba
```
#f86cba rgb(248,108,186)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#f86ca2
```
#f86ca2 rgb(248,108,162)
```
#f86c97
```
#f86c97 rgb(248,108,151)
```
#f86c8b
```
#f86c8b rgb(248,108,139)
```

Similar Colors

Text with hexadecimal color #f86cae

This text has a font color of #f86cae.

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

#f86cae background color

This paragraph has a background color of #f86cae.

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

#f86cae border color

This element has a border color of #f86cae.

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

CSS codes

.text {color:#f86cae;}

.background {background-color:#f86cae;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#16010b
```
#16010b rgb(22,1,11)
```
#280214
```
#280214 rgb(40,2,20)
```
#3b031d
```
#3b031d rgb(59,3,29)
```
#4e0427
```
#4e0427 rgb(78,4,39)
```
#600530
```
#600530 rgb(96,5,48)
```
#730539
```
#730539 rgb(115,5,57)
```
#860642
```
#860642 rgb(134,6,66)
```
#99074c
```
#99074c rgb(153,7,76)
```
#ab0855
```
#ab0855 rgb(171,8,85)
```
#be095e
```
#be095e rgb(190,9,94)
```
#d10a68
```
#d10a68 rgb(209,10,104)
```
#e30b71
```
#e30b71 rgb(227,11,113)
```

Shade Color Variation

#f40e7a
```
#f40e7a rgb(244,14,122)
```
#f42185
```
#f42185 rgb(244,33,133)
```
#f5348f
```
#f5348f rgb(245,52,143)
```
#f64799
```
#f64799 rgb(246,71,153)
```
#f759a4
```
#f759a4 rgb(247,89,164)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#f97fb8
```
#f97fb8 rgb(249,127,184)
```
#fa91c3
```
#fa91c3 rgb(250,145,195)
```
#fba4cd
```
#fba4cd rgb(251,164,205)
```
#fcb7d7
```
#fcb7d7 rgb(252,183,215)
```
#fccae2
```
#fccae2 rgb(252,202,226)
```
#fddcec
```
#fddcec rgb(253,220,236)
```
#feeff6
```
#feeff6 rgb(254,239,246)
```

Tint Color Variation

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

#b7adb2
```
#b7adb2 rgb(183,173,178)
```
#bda7b1
```
#bda7b1 rgb(189,167,177)
```
#c3a1b1
```
#c3a1b1 rgb(195,161,177)
```
#c99bb1
```
#c99bb1 rgb(201,155,177)
```
#cf95b0
```
#cf95b0 rgb(207,149,176)
```
#d490b0
```
#d490b0 rgb(212,144,176)
```
#da8ab0
```
#da8ab0 rgb(218,138,176)
```
#e084af
```
#e084af rgb(224,132,175)
```
#e67eaf
```
#e67eaf rgb(230,126,175)
```
#ec78af
```
#ec78af rgb(236,120,175)
```
#f272ae
```
#f272ae rgb(242,114,174)
```
#f86cae
```
#f86cae rgb(248,108,174)
```
#fe66ae
```
#fe66ae rgb(254,102,174)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#af93a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a0cc Protanopia 1% of men
#ae9da7 Deuteranopia 1% of men
#f47d85 Tritanopia 0.001% of the population

Trichromacy

#b98dc1 Protanomaly 1% of men, 0.01% of women
#c98baa Deuteranomaly 6% of men, 0.4% of women
#f57794 Tritanomaly 0.01% of the population

#f86cae hex color

#f86cae Color Information

#f86cae Color Conversion

Color Schemes with #f86cae

Alternatives to #f86cae

#f86cae Preview

Shades and Tints of #f86cae

Tones of #f86cae

Color Blindness Simulator