#f2786f hex color

In a RGB color space, hex #f2786f is composed of 94.9% red, 47.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.4% magenta, 54.1% yellow and 5.1% black. It has a hue angle of 4.1 degrees, a saturation of 83.4% and a lightness of 69.2%. #f2786f color hex could be obtained by blending #fff0de with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 47
- B 44
RGB color chart
- C 0
- M 50
- Y 54
- K 5
CMYK color chart

● #f2786f color description : Soft red.

The hexadecimal color #f2786f has RGB values of R:242, G:120, B:111 and CMYK values of C:0, M:0.5, Y:0.54, K:0.05. Its decimal value is 15890543.

Hex triplet	f2786f	`#f2786f`
RGB Decimal	242, 120, 111	`rgb(242,120,111)`
RGB Percent	94.9, 47.1, 43.5	`rgb(94.9%,47.1%,43.5%)`
CMYK	0, 50, 54, 5
HSL	4.1°, 83.4, 69.2	`hsl(4.1,83.4%,69.2%)`
HSV (or HSB)	4.1°, 54.1, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	64.533, 46.02, 26.964
XYZ	46.205, 33.462, 19.064
xyY	0.468, 0.339, 33.462
CIE-LCH	64.533, 53.337, 30.367
CIE-LUV	64.533, 90.171, 24.478
Hunter-Lab	57.846, 41.347, 20.953
Binary	11110010, 01111000, 01101111

#f2786f
```
#f2786f rgb(242,120,111)
```
#6fe9f2
```
#6fe9f2 rgb(111,233,242)
```

Complementary Color

#f26fa8
```
#f26fa8 rgb(242,111,168)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#f2ba6f
```
#f2ba6f rgb(242,186,111)
```

Analogous Color

#6fa8f2
```
#6fa8f2 rgb(111,168,242)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#6ff2ba
```
#6ff2ba rgb(111,242,186)
```

Split Complementary Color

#786ff2
```
#786ff2 rgb(120,111,242)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#6ff278
```
#6ff278 rgb(111,242,120)
```

Triadic Color

#f26fe9
```
#f26fe9 rgb(242,111,233)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#6ff278
```
#6ff278 rgb(111,242,120)
```
#6fe9f2
```
#6fe9f2 rgb(111,233,242)
```

Tetradic Color

#ec3629
```
#ec3629 rgb(236,54,41)
```
#ee4c40
```
#ee4c40 rgb(238,76,64)
```
#f06258
```
#f06258 rgb(240,98,88)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#f48e86
```
#f48e86 rgb(244,142,134)
```
#f6a49e
```
#f6a49e rgb(246,164,158)
```
#f8bab5
```
#f8bab5 rgb(248,186,181)
```

Monochromatic Color

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

#f26f87
```
#f26f87 rgb(242,111,135)
```
#f26f7c
```
#f26f7c rgb(242,111,124)
```
#f26f71
```
#f26f71 rgb(242,111,113)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#f2836f
```
#f2836f rgb(242,131,111)
```
#f28e6f
```
#f28e6f rgb(242,142,111)
```
#f2996f
```
#f2996f rgb(242,153,111)
```

Similar Colors

Text with hexadecimal color #f2786f

This text has a font color of #f2786f.

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

#f2786f background color

This paragraph has a background color of #f2786f.

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

#f2786f border color

This element has a border color of #f2786f.

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

CSS codes

.text {color:#f2786f;}

.background {background-color:#f2786f;}

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

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

#120302
```
#120302 rgb(18,3,2)
```
#240503
```
#240503 rgb(36,5,3)
```
#360805
```
#360805 rgb(54,8,5)
```
#480b06
```
#480b06 rgb(72,11,6)
```
#5a0e08
```
#5a0e08 rgb(90,14,8)
```
#6c100a
```
#6c100a rgb(108,16,10)
```
#7e130b
```
#7e130b rgb(126,19,11)
```
#90160d
```
#90160d rgb(144,22,13)
```
#a2190f
```
#a2190f rgb(162,25,15)
```
#b41b10
```
#b41b10 rgb(180,27,16)
```
#c61e12
```
#c61e12 rgb(198,30,18)
```
#d82113
```
#d82113 rgb(216,33,19)
```
#ea2415
```
#ea2415 rgb(234,36,21)
```

Shade Color Variation

#ec3527
```
#ec3527 rgb(236,53,39)
```
#ed4539
```
#ed4539 rgb(237,69,57)
```
#ef564b
```
#ef564b rgb(239,86,75)
```
#f0675d
```
#f0675d rgb(240,103,93)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#f48981
```
#f48981 rgb(244,137,129)
```
#f59a93
```
#f59a93 rgb(245,154,147)
```
#f7aba5
```
#f7aba5 rgb(247,171,165)
```
#f8bbb7
```
#f8bbb7 rgb(248,187,183)
```
#faccc9
```
#faccc9 rgb(250,204,201)
```
#fcdddb
```
#fcdddb rgb(252,221,219)
```
#fdeeed
```
#fdeeed rgb(253,238,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b6acab
```
#b6acab rgb(182,172,171)
```
#bca7a5
```
#bca7a5 rgb(188,167,165)
```
#c2a29f
```
#c2a29f rgb(194,162,159)
```
#c89c99
```
#c89c99 rgb(200,156,153)
```
#ce9793
```
#ce9793 rgb(206,151,147)
```
#d4928d
```
#d4928d rgb(212,146,141)
```
#da8d87
```
#da8d87 rgb(218,141,135)
```
#e08881
```
#e08881 rgb(224,136,129)
```
#e6827b
```
#e6827b rgb(230,130,123)
```
#ec7d75
```
#ec7d75 rgb(236,125,117)
```
#f2786f
```
#f2786f rgb(242,120,111)
```
#f87369
```
#f87369 rgb(248,115,105)
```
#fe6e63
```
#fe6e63 rgb(254,110,99)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ac9492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba184 Protanopia 1% of men
#c09b6f Deuteranopia 1% of men
#f37c84 Tritanopia 0.001% of the population

Trichromacy

#c4927c Protanomaly 1% of men, 0.01% of women
#d28e6f Deuteranomaly 6% of men, 0.4% of women
#f37b7c Tritanomaly 0.01% of the population

#f2786f hex color

#f2786f Color Information

#f2786f Color Conversion

Color Schemes with #f2786f

Alternatives to #f2786f

#f2786f Preview

Shades and Tints of #f2786f

Tones of #f2786f

Color Blindness Simulator