#f85696 hex color

In a RGB color space, hex #f85696 is composed of 97.3% red, 33.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 39.5% yellow and 2.7% black. It has a hue angle of 336.3 degrees, a saturation of 92% and a lightness of 65.5%. #f85696 color hex could be obtained by blending #ffacff with #f1002d. Closest websafe color is: #ff6699.

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

● #f85696 color description : Soft pink.

The hexadecimal color #f85696 has RGB values of R:248, G:86, B:150 and CMYK values of C:0, M:0.65, Y:0.4, K:0.03. Its decimal value is 16275094.

Hex triplet	f85696	`#f85696`
RGB Decimal	248, 86, 150	`rgb(248,86,150)`
RGB Percent	97.3, 33.7, 58.8	`rgb(97.3%,33.7%,58.8%)`
CMYK	0, 65, 40, 3
HSL	336.3°, 92, 65.5	`hsl(336.3,92%,65.5%)`
HSV (or HSB)	336.3°, 65.3, 97.3
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.621, 66.647, -0.744
XYZ	47.545, 28.818, 31.911
xyY	0.439, 0.266, 28.818
CIE-LCH	60.621, 66.651, 359.361
CIE-LUV	60.621, 104.491, -13.949
Hunter-Lab	53.683, 64.147, 2.334
Binary	11111000, 01010110, 10010110

#f85696
```
#f85696 rgb(248,86,150)
```
#56f8b8
```
#56f8b8 rgb(86,248,184)
```

Complementary Color

#f856e7
```
#f856e7 rgb(248,86,231)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#f86756
```
#f86756 rgb(248,103,86)
```

Analogous Color

#56e7f8
```
#56e7f8 rgb(86,231,248)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#56f867
```
#56f867 rgb(86,248,103)
```

Split Complementary Color

#5696f8
```
#5696f8 rgb(86,150,248)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#96f856
```
#96f856 rgb(150,248,86)
```

Triadic Color

#b856f8
```
#b856f8 rgb(184,86,248)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#96f856
```
#96f856 rgb(150,248,86)
```
#56f8b8
```
#56f8b8 rgb(86,248,184)
```

Tetradic Color

#f50d68
```
#f50d68 rgb(245,13,104)
```
#f62578
```
#f62578 rgb(246,37,120)
```
#f73e87
```
#f73e87 rgb(247,62,135)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#f96ea5
```
#f96ea5 rgb(249,110,165)
```
#fa87b4
```
#fa87b4 rgb(250,135,180)
```
#fb9fc4
```
#fb9fc4 rgb(251,159,196)
```

Monochromatic Color

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

#f856bf
```
#f856bf rgb(248,86,191)
```
#f856b1
```
#f856b1 rgb(248,86,177)
```
#f856a4
```
#f856a4 rgb(248,86,164)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#f85689
```
#f85689 rgb(248,86,137)
```
#f8567b
```
#f8567b rgb(248,86,123)
```
#f8566e
```
#f8566e rgb(248,86,110)
```

Similar Colors

Text with hexadecimal color #f85696

This text has a font color of #f85696.

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

#f85696 background color

This paragraph has a background color of #f85696.

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

#f85696 border color

This element has a border color of #f85696.

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

CSS codes

.text {color:#f85696;}

.background {background-color:#f85696;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130108
```
#130108 rgb(19,1,8)
```
#260210
```
#260210 rgb(38,2,16)
```
#390218
```
#390218 rgb(57,2,24)
```
#4c0320
```
#4c0320 rgb(76,3,32)
```
#5f0428
```
#5f0428 rgb(95,4,40)
```
#720530
```
#720530 rgb(114,5,48)
```
#840538
```
#840538 rgb(132,5,56)
```
#970640
```
#970640 rgb(151,6,64)
```
#aa0747
```
#aa0747 rgb(170,7,71)
```
#bd084f
```
#bd084f rgb(189,8,79)
```
#d00957
```
#d00957 rgb(208,9,87)
```
#e3095f
```
#e3095f rgb(227,9,95)
```

Shade Color Variation

#f50b67
```
#f50b67 rgb(245,11,103)
```
#f61d73
```
#f61d73 rgb(246,29,115)
```
#f6307f
```
#f6307f rgb(246,48,127)
```
#f7438a
```
#f7438a rgb(247,67,138)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#f969a2
```
#f969a2 rgb(249,105,162)
```
#fa7cad
```
#fa7cad rgb(250,124,173)
```
#fa8fb9
```
#fa8fb9 rgb(250,143,185)
```
#fba1c5
```
#fba1c5 rgb(251,161,197)
```
#fcb4d1
```
#fcb4d1 rgb(252,180,209)
```
#fdc7dc
```
#fdc7dc rgb(253,199,220)
```
#fddae8
```
#fddae8 rgb(253,218,232)
```
#feedf4
```
#feedf4 rgb(254,237,244)
```

Tint Color Variation

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

#aea0a6
```
#aea0a6 rgb(174,160,166)
```
#b49aa4
```
#b49aa4 rgb(180,154,164)
```
#bb93a3
```
#bb93a3 rgb(187,147,163)
```
#c28ca1
```
#c28ca1 rgb(194,140,161)
```
#c985a0
```
#c985a0 rgb(201,133,160)
```
#cf7f9f
```
#cf7f9f rgb(207,127,159)
```
#d6789d
```
#d6789d rgb(214,120,157)
```
#dd719c
```
#dd719c rgb(221,113,156)
```
#e46a9a
```
#e46a9a rgb(228,106,154)
```
#ea6499
```
#ea6499 rgb(234,100,153)
```
#f15d97
```
#f15d97 rgb(241,93,151)
```
#f85696
```
#f85696 rgb(248,86,150)
```
#ff4f95
```
#ff4f95 rgb(255,79,149)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a38390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f96b9 Protanopia 1% of men
#a89390 Deuteranopia 1% of men
#f5696f Tritanopia 0.001% of the population

Trichromacy

#b57fac Protanomaly 1% of men, 0.01% of women
#c57c92 Deuteranomaly 6% of men, 0.4% of women
#f6627d Tritanomaly 0.01% of the population

#f85696 hex color

#f85696 Color Information

#f85696 Color Conversion

Color Schemes with #f85696

Alternatives to #f85696

#f85696 Preview

Shades and Tints of #f85696

Tones of #f85696

Color Blindness Simulator