#f2586d hex color

In a RGB color space, hex #f2586d is composed of 94.9% red, 34.5% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.6% magenta, 55% yellow and 5.1% black. It has a hue angle of 351.8 degrees, a saturation of 85.6% and a lightness of 64.7%. #f2586d color hex could be obtained by blending #ffb0da with #e50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 95
- G 35
- B 43
RGB color chart
- C 0
- M 64
- Y 55
- K 5
CMYK color chart

● #f2586d color description : Soft red.

The hexadecimal color #f2586d has RGB values of R:242, G:88, B:109 and CMYK values of C:0, M:0.64, Y:0.55, K:0.05. Its decimal value is 15882349.

Hex triplet	f2586d	`#f2586d`
RGB Decimal	242, 88, 109	`rgb(242,88,109)`
RGB Percent	94.9, 34.5, 42.7	`rgb(94.9%,34.5%,42.7%)`
CMYK	0, 64, 55, 5
HSL	351.8°, 85.6, 64.7	`hsl(351.8,85.6%,64.7%)`
HSV (or HSB)	351.8°, 63.6, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.942, 60.422, 20.648
XYZ	42.869, 26.965, 17.415
xyY	0.491, 0.309, 26.965
CIE-LCH	58.942, 63.852, 18.867
CIE-LUV	58.942, 111.409, 13.359
Hunter-Lab	51.928, 56.487, 16.466
Binary	11110010, 01011000, 01101101

#f2586d
```
#f2586d rgb(242,88,109)
```
#58f2dd
```
#58f2dd rgb(88,242,221)
```

Complementary Color

#f258ba
```
#f258ba rgb(242,88,186)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#f29058
```
#f29058 rgb(242,144,88)
```

Analogous Color

#58baf2
```
#58baf2 rgb(88,186,242)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#58f290
```
#58f290 rgb(88,242,144)
```

Split Complementary Color

#586df2
```
#586df2 rgb(88,109,242)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#6df258
```
#6df258 rgb(109,242,88)
```

Triadic Color

#dd58f2
```
#dd58f2 rgb(221,88,242)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#6df258
```
#6df258 rgb(109,242,88)
```
#58f2dd
```
#58f2dd rgb(88,242,221)
```

Tetradic Color

#eb1230
```
#eb1230 rgb(235,18,48)
```
#ee2944
```
#ee2944 rgb(238,41,68)
```
#f04058
```
#f04058 rgb(240,64,88)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#f47082
```
#f47082 rgb(244,112,130)
```
#f68796
```
#f68796 rgb(246,135,150)
```
#f89fab
```
#f89fab rgb(248,159,171)
```

Monochromatic Color

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

#f25894
```
#f25894 rgb(242,88,148)
```
#f25887
```
#f25887 rgb(242,88,135)
```
#f2587a
```
#f2587a rgb(242,88,122)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#f25860
```
#f25860 rgb(242,88,96)
```
#f25d58
```
#f25d58 rgb(242,93,88)
```
#f26a58
```
#f26a58 rgb(242,106,88)
```

Similar Colors

Text with hexadecimal color #f2586d

This text has a font color of #f2586d.

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

#f2586d background color

This paragraph has a background color of #f2586d.

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

#f2586d border color

This element has a border color of #f2586d.

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

CSS codes

.text {color:#f2586d;}

.background {background-color:#f2586d;}

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

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

#0f0103
```
#0f0103 rgb(15,1,3)
```
#210307
```
#210307 rgb(33,3,7)
```
#33040a
```
#33040a rgb(51,4,10)
```
#46050e
```
#46050e rgb(70,5,14)
```
#580712
```
#580712 rgb(88,7,18)
```
#6a0816
```
#6a0816 rgb(106,8,22)
```
#7c0a19
```
#7c0a19 rgb(124,10,25)
```
#8e0b1d
```
#8e0b1d rgb(142,11,29)
```
#a10d21
```
#a10d21 rgb(161,13,33)
```
#b30e24
```
#b30e24 rgb(179,14,36)
```
#c50f28
```
#c50f28 rgb(197,15,40)
```
#d7112c
```
#d7112c rgb(215,17,44)
```
#e91230
```
#e91230 rgb(233,18,48)
```

Shade Color Variation

#ee213d
```
#ee213d rgb(238,33,61)
```
#ef344d
```
#ef344d rgb(239,52,77)
```
#f1465d
```
#f1465d rgb(241,70,93)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#f36a7d
```
#f36a7d rgb(243,106,125)
```
#f57c8d
```
#f57c8d rgb(245,124,141)
```
#f68f9d
```
#f68f9d rgb(246,143,157)
```
#f8a1ad
```
#f8a1ad rgb(248,161,173)
```
#f9b3bd
```
#f9b3bd rgb(249,179,189)
```
#fbc5cc
```
#fbc5cc rgb(251,197,204)
```
#fcd7dc
```
#fcd7dc rgb(252,215,220)
```
#fdeaec
```
#fdeaec rgb(253,234,236)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a6a4a4
```
#a6a4a4 rgb(166,164,164)
```
#ad9d9f
```
#ad9d9f rgb(173,157,159)
```
#b4969a
```
#b4969a rgb(180,150,154)
```
#bb8f95
```
#bb8f95 rgb(187,143,149)
```
#c28890
```
#c28890 rgb(194,136,144)
```
#c8828b
```
#c8828b rgb(200,130,139)
```
#cf7b86
```
#cf7b86 rgb(207,123,134)
```
#d67481
```
#d67481 rgb(214,116,129)
```
#dd6d7c
```
#dd6d7c rgb(221,109,124)
```
#e46677
```
#e46677 rgb(228,102,119)
```
#eb5f72
```
#eb5f72 rgb(235,95,114)
```
#f2586d
```
#f2586d rgb(242,88,109)
```
#f95168
```
#f95168 rgb(249,81,104)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9d7e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98938a Protanopia 1% of men
#ae8d6a Deuteranopia 1% of men
#f16268 Tritanopia 0.001% of the population

Trichromacy

#b97d7f Protanomaly 1% of men, 0.01% of women
#c77a6b Deuteranomaly 6% of men, 0.4% of women
#f15e6a Tritanomaly 0.01% of the population

#f2586d hex color

#f2586d Color Information

#f2586d Color Conversion

Color Schemes with #f2586d

Alternatives to #f2586d

#f2586d Preview

Shades and Tints of #f2586d

Tones of #f2586d

Color Blindness Simulator