#f86150 hex color

In a RGB color space, hex #f86150 is composed of 97.3% red, 38% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.9% magenta, 67.7% yellow and 2.7% black. It has a hue angle of 6.1 degrees, a saturation of 92.3% and a lightness of 64.3%. #f86150 color hex could be obtained by blending #ffc2a0 with #f10000. Closest websafe color is: #ff6666.

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

● #f86150 color description : Soft red.

The hexadecimal color #f86150 has RGB values of R:248, G:97, B:80 and CMYK values of C:0, M:0.61, Y:0.68, K:0.03. Its decimal value is 16277840.

Hex triplet	f86150	`#f86150`
RGB Decimal	248, 97, 80	`rgb(248,97,80)`
RGB Percent	97.3, 38, 31.4	`rgb(97.3%,38%,31.4%)`
CMYK	0, 61, 68, 3
HSL	6.1°, 92.3, 64.3	`hsl(6.1,92.3%,64.3%)`
HSV (or HSB)	6.1°, 67.7, 97.3
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.861, 56.766, 39.756
XYZ	44.436, 29.09, 10.864
xyY	0.527, 0.345, 29.09
CIE-LCH	60.861, 69.303, 35.005
CIE-LUV	60.861, 117.402, 32.944
Hunter-Lab	53.935, 52.676, 25.812
Binary	11111000, 01100001, 01010000

#f86150
```
#f86150 rgb(248,97,80)
```
#50e7f8
```
#50e7f8 rgb(80,231,248)
```

Complementary Color

#f85093
```
#f85093 rgb(248,80,147)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#f8b550
```
#f8b550 rgb(248,181,80)
```

Analogous Color

#5093f8
```
#5093f8 rgb(80,147,248)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#50f8b5
```
#50f8b5 rgb(80,248,181)
```

Split Complementary Color

#6150f8
```
#6150f8 rgb(97,80,248)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#50f861
```
#50f861 rgb(80,248,97)
```

Triadic Color

#f850e7
```
#f850e7 rgb(248,80,231)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#50f861
```
#50f861 rgb(80,248,97)
```
#50e7f8
```
#50e7f8 rgb(80,231,248)
```

Tetradic Color

#f2210a
```
#f2210a rgb(242,33,10)
```
#f6351f
```
#f6351f rgb(246,53,31)
```
#f74b37
```
#f74b37 rgb(247,75,55)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#f97769
```
#f97769 rgb(249,119,105)
```
#fa8d81
```
#fa8d81 rgb(250,141,129)
```
#fba39a
```
#fba39a rgb(251,163,154)
```

Monochromatic Color

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

#f85069
```
#f85069 rgb(248,80,105)
```
#f8505b
```
#f8505b rgb(248,80,91)
```
#f85350
```
#f85350 rgb(248,83,80)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#f86f50
```
#f86f50 rgb(248,111,80)
```
#f87d50
```
#f87d50 rgb(248,125,80)
```
#f88b50
```
#f88b50 rgb(248,139,80)
```

Similar Colors

Text with hexadecimal color #f86150

This text has a font color of #f86150.

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

#f86150 background color

This paragraph has a background color of #f86150.

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

#f86150 border color

This element has a border color of #f86150.

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

CSS codes

.text {color:#f86150;}

.background {background-color:#f86150;}

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

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

#0e0201
```
#0e0201 rgb(14,2,1)
```
#200401
```
#200401 rgb(32,4,1)
```
#330702
```
#330702 rgb(51,7,2)
```
#460a03
```
#460a03 rgb(70,10,3)
```
#590c04
```
#590c04 rgb(89,12,4)
```
#6c0f04
```
#6c0f04 rgb(108,15,4)
```
#7f1105
```
#7f1105 rgb(127,17,5)
```
#921406
```
#921406 rgb(146,20,6)
```
#a41707
```
#a41707 rgb(164,23,7)
```
#b71907
```
#b71907 rgb(183,25,7)
```
#ca1c08
```
#ca1c08 rgb(202,28,8)
```
#dd1e09
```
#dd1e09 rgb(221,30,9)
```
#f0210a
```
#f0210a rgb(240,33,10)
```

Shade Color Variation

#f62e17
```
#f62e17 rgb(246,46,23)
```
#f63f2a
```
#f63f2a rgb(246,63,42)
```
#f7503d
```
#f7503d rgb(247,80,61)
```
#f86150
```
#f86150 rgb(248,97,80)
```
#f97263
```
#f97263 rgb(249,114,99)
```
#fa8376
```
#fa8376 rgb(250,131,118)
```
#fa9489
```
#fa9489 rgb(250,148,137)
```
#fba59b
```
#fba59b rgb(251,165,155)
```
#fcb6ae
```
#fcb6ae rgb(252,182,174)
```
#fdc7c1
```
#fdc7c1 rgb(253,199,193)
```
#fdd8d4
```
#fdd8d4 rgb(253,216,212)
```
#fee9e7
```
#fee9e7 rgb(254,233,231)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#a4a4a4
```
#a4a4a4 rgb(164,164,164)
```
#ab9e9d
```
#ab9e9d rgb(171,158,157)
```
#b29996
```
#b29996 rgb(178,153,150)
```
#b9938f
```
#b9938f rgb(185,147,143)
```
#c08e88
```
#c08e88 rgb(192,142,136)
```
#c78881
```
#c78881 rgb(199,136,129)
```
#ce837a
```
#ce837a rgb(206,131,122)
```
#d57d73
```
#d57d73 rgb(213,125,115)
```
#dc776c
```
#dc776c rgb(220,119,108)
```
#e37265
```
#e37265 rgb(227,114,101)
```
#ea6c5e
```
#ea6c5e rgb(234,108,94)
```
#f16757
```
#f16757 rgb(241,103,87)
```
#f86150
```
#f86150 rgb(248,97,80)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a28380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49869 Protanopia 1% of men
#ba914f Deuteranopia 1% of men
#f9666c Tritanopia 0.001% of the population

Trichromacy

#c3845f Protanomaly 1% of men, 0.01% of women
#d07f4f Deuteranomaly 6% of men, 0.4% of women
#f86461 Tritanomaly 0.01% of the population

#f86150 hex color

#f86150 Color Information

#f86150 Color Conversion

Color Schemes with #f86150

Alternatives to #f86150

#f86150 Preview

Shades and Tints of #f86150

Tones of #f86150

Color Blindness Simulator