#f85966 hex color

In a RGB color space, hex #f85966 is composed of 97.3% red, 34.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 58.9% yellow and 2.7% black. It has a hue angle of 355.1 degrees, a saturation of 91.9% and a lightness of 66.1%. #f85966 color hex could be obtained by blending #ffb2cc with #f10000. Closest websafe color is: #ff6666.

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

● #f85966 color description : Soft red.

The hexadecimal color #f85966 has RGB values of R:248, G:89, B:102 and CMYK values of C:0, M:0.64, Y:0.59, K:0.03. Its decimal value is 16275814.

Hex triplet	f85966	`#f85966`
RGB Decimal	248, 89, 102	`rgb(248,89,102)`
RGB Percent	97.3, 34.9, 40	`rgb(97.3%,34.9%,40%)`
CMYK	0, 64, 59, 3
HSL	355.1°, 91.9, 66.1	`hsl(355.1,91.9%,66.1%)`
HSV (or HSB)	355.1°, 64.1, 97.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.948, 61.422, 26.216
XYZ	44.684, 28.065, 15.634
xyY	0.506, 0.318, 28.065
CIE-LCH	59.948, 66.783, 23.113
CIE-LUV	59.948, 117.574, 19.058
Hunter-Lab	52.977, 57.849, 19.587
Binary	11111000, 01011001, 01100110

#f85966
```
#f85966 rgb(248,89,102)
```
#59f8eb
```
#59f8eb rgb(89,248,235)
```

Complementary Color

#f859b6
```
#f859b6 rgb(248,89,182)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#f89c59
```
#f89c59 rgb(248,156,89)
```

Analogous Color

#59b6f8
```
#59b6f8 rgb(89,182,248)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#59f89c
```
#59f89c rgb(89,248,156)
```

Split Complementary Color

#5966f8
```
#5966f8 rgb(89,102,248)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#66f859
```
#66f859 rgb(102,248,89)
```

Triadic Color

#eb59f8
```
#eb59f8 rgb(235,89,248)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#66f859
```
#66f859 rgb(102,248,89)
```
#59f8eb
```
#59f8eb rgb(89,248,235)
```

Tetradic Color

#f51022
```
#f51022 rgb(245,16,34)
```
#f62839
```
#f62839 rgb(246,40,57)
```
#f7414f
```
#f7414f rgb(247,65,79)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#f9717d
```
#f9717d rgb(249,113,125)
```
#fa8a93
```
#fa8a93 rgb(250,138,147)
```
#fba2aa
```
#fba2aa rgb(251,162,170)
```

Monochromatic Color

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

#f8598e
```
#f8598e rgb(248,89,142)
```
#f85981
```
#f85981 rgb(248,89,129)
```
#f85973
```
#f85973 rgb(248,89,115)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#f85959
```
#f85959 rgb(248,89,89)
```
#f86759
```
#f86759 rgb(248,103,89)
```
#f87459
```
#f87459 rgb(248,116,89)
```

Similar Colors

Text with hexadecimal color #f85966

This text has a font color of #f85966.

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

#f85966 background color

This paragraph has a background color of #f85966.

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

#f85966 border color

This element has a border color of #f85966.

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

CSS codes

.text {color:#f85966;}

.background {background-color:#f85966;}

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

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 #fef0f1 is the lightest one.

#030000
```
#030000 rgb(3,0,0)
```
#160103
```
#160103 rgb(22,1,3)
```
#290205
```
#290205 rgb(41,2,5)
```
#3c0307
```
#3c0307 rgb(60,3,7)
```
#4f0309
```
#4f0309 rgb(79,3,9)
```
#62040c
```
#62040c rgb(98,4,12)
```
#74050e
```
#74050e rgb(116,5,14)
```
#870610
```
#870610 rgb(135,6,16)
```
#9a0613
```
#9a0613 rgb(154,6,19)
```
#ad0715
```
#ad0715 rgb(173,7,21)
```
#c00817
```
#c00817 rgb(192,8,23)
```
#d20919
```
#d20919 rgb(210,9,25)
```
#e50a1c
```
#e50a1c rgb(229,10,28)
```

Shade Color Variation

#f50e21
```
#f50e21 rgb(245,14,33)
```
#f62132
```
#f62132 rgb(246,33,50)
```
#f63343
```
#f63343 rgb(246,51,67)
```
#f74655
```
#f74655 rgb(247,70,85)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#f96c77
```
#f96c77 rgb(249,108,119)
```
#fa7f89
```
#fa7f89 rgb(250,127,137)
```
#fa919a
```
#fa919a rgb(250,145,154)
```
#fba4ab
```
#fba4ab rgb(251,164,171)
```
#fcb7bd
```
#fcb7bd rgb(252,183,189)
```
#fdcace
```
#fdcace rgb(253,202,206)
```
#fedddf
```
#fedddf rgb(254,221,223)
```
#fef0f1
```
#fef0f1 rgb(254,240,241)
```

Tint Color Variation

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

#afa2a3
```
#afa2a3 rgb(175,162,163)
```
#b59c9e
```
#b59c9e rgb(181,156,158)
```
#bc9598
```
#bc9598 rgb(188,149,152)
```
#c38e93
```
#c38e93 rgb(195,142,147)
```
#c9888d
```
#c9888d rgb(201,136,141)
```
#d08187
```
#d08187 rgb(208,129,135)
```
#d77a82
```
#d77a82 rgb(215,122,130)
```
#dd747c
```
#dd747c rgb(221,116,124)
```
#e46d77
```
#e46d77 rgb(228,109,119)
```
#eb6671
```
#eb6671 rgb(235,102,113)
```
#f1606c
```
#f1606c rgb(241,96,108)
```
#f85966
```
#f85966 rgb(248,89,102)
```
#ff5260
```
#ff5260 rgb(255,82,96)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a08083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9582 Protanopia 1% of men
#b39063 Deuteranopia 1% of men
#f86268 Tritanopia 0.001% of the population

Trichromacy

#be7f78 Protanomaly 1% of men, 0.01% of women
#cc7c64 Deuteranomaly 6% of men, 0.4% of women
#f85f67 Tritanomaly 0.01% of the population

#f85966 hex color

#f85966 Color Information

#f85966 Color Conversion

Color Schemes with #f85966

Alternatives to #f85966

#f85966 Preview

Shades and Tints of #f85966

Tones of #f85966

Color Blindness Simulator