#f86070 hex color

In a RGB color space, hex #f86070 is composed of 97.3% red, 37.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.3% magenta, 54.8% yellow and 2.7% black. It has a hue angle of 353.7 degrees, a saturation of 91.6% and a lightness of 67.5%. #f86070 color hex could be obtained by blending #ffc0e0 with #f10000. Closest websafe color is: #ff6666.

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

● #f86070 color description : Soft red.

The hexadecimal color #f86070 has RGB values of R:248, G:96, B:112 and CMYK values of C:0, M:0.61, Y:0.55, K:0.03. Its decimal value is 16277616.

Hex triplet	f86070	`#f86070`
RGB Decimal	248, 96, 112	`rgb(248,96,112)`
RGB Percent	97.3, 37.6, 43.9	`rgb(97.3%,37.6%,43.9%)`
CMYK	0, 61, 55, 3
HSL	353.7°, 91.6, 67.5	`hsl(353.7,91.6%,67.5%)`
HSV (or HSB)	353.7°, 61.3, 97.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.217, 59.218, 22.144
XYZ	45.82, 29.497, 18.609
xyY	0.488, 0.314, 29.497
CIE-LCH	61.217, 63.223, 20.502
CIE-LUV	61.217, 110.632, 15.577
Hunter-Lab	54.311, 55.551, 17.703
Binary	11111000, 01100000, 01110000

#f86070
```
#f86070 rgb(248,96,112)
```
#60f8e8
```
#60f8e8 rgb(96,248,232)
```

Complementary Color

#f860bc
```
#f860bc rgb(248,96,188)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#f89c60
```
#f89c60 rgb(248,156,96)
```

Analogous Color

#60bcf8
```
#60bcf8 rgb(96,188,248)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#60f89c
```
#60f89c rgb(96,248,156)
```

Split Complementary Color

#6070f8
```
#6070f8 rgb(96,112,248)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#70f860
```
#70f860 rgb(112,248,96)
```

Triadic Color

#e860f8
```
#e860f8 rgb(232,96,248)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#70f860
```
#70f860 rgb(112,248,96)
```
#60f8e8
```
#60f8e8 rgb(96,248,232)
```

Tetradic Color

#f5172e
```
#f5172e rgb(245,23,46)
```
#f62f44
```
#f62f44 rgb(246,47,68)
```
#f7485a
```
#f7485a rgb(247,72,90)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#f97886
```
#f97886 rgb(249,120,134)
```
#fa919c
```
#fa919c rgb(250,145,156)
```
#fba9b2
```
#fba9b2 rgb(251,169,178)
```

Monochromatic Color

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

#f86096
```
#f86096 rgb(248,96,150)
```
#f86089
```
#f86089 rgb(248,96,137)
```
#f8607d
```
#f8607d rgb(248,96,125)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#f86063
```
#f86063 rgb(248,96,99)
```
#f86960
```
#f86960 rgb(248,105,96)
```
#f87660
```
#f87660 rgb(248,118,96)
```

Similar Colors

Text with hexadecimal color #f86070

This text has a font color of #f86070.

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

#f86070 background color

This paragraph has a background color of #f86070.

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

#f86070 border color

This element has a border color of #f86070.

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

CSS codes

.text {color:#f86070;}

.background {background-color:#f86070;}

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

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, #0a0001 is the darkest color, while #fff6f7 is the lightest one.

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1d0104
```
#1d0104 rgb(29,1,4)
```
#300207
```
#300207 rgb(48,2,7)
```
#42030a
```
#42030a rgb(66,3,10)
```
#55040c
```
#55040c rgb(85,4,12)
```
#68050f
```
#68050f rgb(104,5,15)
```
#7b0512
```
#7b0512 rgb(123,5,18)
```
#8e0614
```
#8e0614 rgb(142,6,20)
```
#a00717
```
#a00717 rgb(160,7,23)
```
#b3081a
```
#b3081a rgb(179,8,26)
```
#c6091d
```
#c6091d rgb(198,9,29)
```
#d90a1f
```
#d90a1f rgb(217,10,31)
```
#ec0a22
```
#ec0a22 rgb(236,10,34)
```

Shade Color Variation

#f5152c
```
#f5152c rgb(245,21,44)
```
#f6283d
```
#f6283d rgb(246,40,61)
```
#f63a4e
```
#f63a4e rgb(246,58,78)
```
#f74d5f
```
#f74d5f rgb(247,77,95)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#f97381
```
#f97381 rgb(249,115,129)
```
#fa8692
```
#fa8692 rgb(250,134,146)
```
#fa98a3
```
#fa98a3 rgb(250,152,163)
```
#fbabb4
```
#fbabb4 rgb(251,171,180)
```
#fcbec4
```
#fcbec4 rgb(252,190,196)
```
#fdd1d5
```
#fdd1d5 rgb(253,209,213)
```
#fee4e6
```
#fee4e6 rgb(254,228,230)
```
#fff6f7
```
#fff6f7 rgb(255,246,247)
```

Tint Color Variation

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

#b2a6a7
```
#b2a6a7 rgb(178,166,167)
```
#b8a0a2
```
#b8a0a2 rgb(184,160,162)
```
#bf999d
```
#bf999d rgb(191,153,157)
```
#c59398
```
#c59398 rgb(197,147,152)
```
#cb8d93
```
#cb8d93 rgb(203,141,147)
```
#d2868e
```
#d2868e rgb(210,134,142)
```
#d88089
```
#d88089 rgb(216,128,137)
```
#de7a84
```
#de7a84 rgb(222,122,132)
```
#e5737f
```
#e5737f rgb(229,115,127)
```
#eb6d7a
```
#eb6d7a rgb(235,109,122)
```
#f26675
```
#f26675 rgb(242,102,117)
```
#f86070
```
#f86070 rgb(248,96,112)
```
#fe5a6b
```
#fe5a6b rgb(254,90,107)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a48689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f988c Protanopia 1% of men
#b5936d Deuteranopia 1% of men
#f7696f Tritanopia 0.001% of the population

Trichromacy

#bf8481 Protanomaly 1% of men, 0.01% of women
#cd806e Deuteranomaly 6% of men, 0.4% of women
#f7666f Tritanomaly 0.01% of the population

#f86070 hex color

#f86070 Color Information

#f86070 Color Conversion

Color Schemes with #f86070

Alternatives to #f86070

#f86070 Preview

Shades and Tints of #f86070

Tones of #f86070

Color Blindness Simulator