#f286d4 hex color

In a RGB color space, hex #f286d4 is composed of 94.9% red, 52.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 12.4% yellow and 5.1% black. It has a hue angle of 316.7 degrees, a saturation of 80.6% and a lightness of 73.7%. #f286d4 color hex could be obtained by blending #ffffff with #e50da9. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 95
- G 53
- B 83
RGB color chart
- C 0
- M 45
- Y 12
- K 5
CMYK color chart

● #f286d4 color description : Very soft pink.

The hexadecimal color #f286d4 has RGB values of R:242, G:134, B:212 and CMYK values of C:0, M:0.45, Y:0.12, K:0.05. Its decimal value is 15894228.

Hex triplet	f286d4	`#f286d4`
RGB Decimal	242, 134, 212	`rgb(242,134,212)`
RGB Percent	94.9, 52.5, 83.1	`rgb(94.9%,52.5%,83.1%)`
CMYK	0, 45, 12, 5
HSL	316.7°, 80.6, 73.7	`hsl(316.7,80.6%,73.7%)`
HSV (or HSB)	316.7°, 44.6, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	69.954, 51.22, -22.028
XYZ	57.026, 40.684, 67.133
xyY	0.346, 0.247, 40.684
CIE-LCH	69.954, 55.756, 336.729
CIE-LUV	69.954, 58.88, -42.588
Hunter-Lab	63.784, 47.966, -17.754
Binary	11110010, 10000110, 11010100

#f286d4
```
#f286d4 rgb(242,134,212)
```
#86f2a4
```
#86f2a4 rgb(134,242,164)
```

Complementary Color

#da86f2
```
#da86f2 rgb(218,134,242)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#f2869e
```
#f2869e rgb(242,134,158)
```

Analogous Color

#86f2da
```
#86f2da rgb(134,242,218)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#9ef286
```
#9ef286 rgb(158,242,134)
```

Split Complementary Color

#86d4f2
```
#86d4f2 rgb(134,212,242)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#d4f286
```
#d4f286 rgb(212,242,134)
```

Triadic Color

#a486f2
```
#a486f2 rgb(164,134,242)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#d4f286
```
#d4f286 rgb(212,242,134)
```
#86f2a4
```
#86f2a4 rgb(134,242,164)
```

Tetradic Color

#eb41bb
```
#eb41bb rgb(235,65,187)
```
#ed58c4
```
#ed58c4 rgb(237,88,196)
```
#f06fcc
```
#f06fcc rgb(240,111,204)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#f49ddc
```
#f49ddc rgb(244,157,220)
```
#f7b4e4
```
#f7b4e4 rgb(247,180,228)
```
#f9cbed
```
#f9cbed rgb(249,203,237)
```

Monochromatic Color

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

#f286ef
```
#f286ef rgb(242,134,239)
```
#f286e6
```
#f286e6 rgb(242,134,230)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#f286cb
```
#f286cb rgb(242,134,203)
```
#f286c2
```
#f286c2 rgb(242,134,194)
```
#f286b9
```
#f286b9 rgb(242,134,185)
```

Similar Colors

Text with hexadecimal color #f286d4

This text has a font color of #f286d4.

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

#f286d4 background color

This paragraph has a background color of #f286d4.

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

#f286d4 border color

This element has a border color of #f286d4.

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

CSS codes

.text {color:#f286d4;}

.background {background-color:#f286d4;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#150210
```
#150210 rgb(21,2,16)
```
#26041d
```
#26041d rgb(38,4,29)
```
#38062a
```
#38062a rgb(56,6,42)
```
#4a0838
```
#4a0838 rgb(74,8,56)
```
#5c0a45
```
#5c0a45 rgb(92,10,69)
```
#6d0c52
```
#6d0c52 rgb(109,12,82)
```
#7f0e5f
```
#7f0e5f rgb(127,14,95)
```
#91106d
```
#91106d rgb(145,16,109)
```
#a2117a
```
#a2117a rgb(162,17,122)
```
#b41387
```
#b41387 rgb(180,19,135)
```
#c61595
```
#c61595 rgb(198,21,149)
```
#d817a2
```
#d817a2 rgb(216,23,162)
```

Shade Color Variation

#e71cae
```
#e71cae rgb(231,28,174)
```
#e82db5
```
#e82db5 rgb(232,45,181)
```
#ea3fbb
```
#ea3fbb rgb(234,63,187)
```
#ec51c1
```
#ec51c1 rgb(236,81,193)
```
#ee63c7
```
#ee63c7 rgb(238,99,199)
```
#f074ce
```
#f074ce rgb(240,116,206)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#f498da
```
#f498da rgb(244,152,218)
```
#f6a9e1
```
#f6a9e1 rgb(246,169,225)
```
#f8bbe7
```
#f8bbe7 rgb(248,187,231)
```
#facded
```
#facded rgb(250,205,237)
```
#fcdff3
```
#fcdff3 rgb(252,223,243)
```
#fdf0fa
```
#fdf0fa rgb(253,240,250)
```

Tint Color Variation

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

#bebabd
```
#bebabd rgb(190,186,189)
```
#c4b4bf
```
#c4b4bf rgb(196,180,191)
```
#c9afc2
```
#c9afc2 rgb(201,175,194)
```
#ceaac4
```
#ceaac4 rgb(206,170,196)
```
#d3a5c6
```
#d3a5c6 rgb(211,165,198)
```
#d8a0c9
```
#d8a0c9 rgb(216,160,201)
```
#dd9bcb
```
#dd9bcb rgb(221,155,203)
```
#e395cd
```
#e395cd rgb(227,149,205)
```
#e890cf
```
#e890cf rgb(232,144,207)
```
#ed8bd2
```
#ed8bd2 rgb(237,139,210)
```
#f286d4
```
#f286d4 rgb(242,134,212)
```
#f781d6
```
#f781d6 rgb(247,129,214)
```
#fc7cd9
```
#fc7cd9 rgb(252,124,217)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bca7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9badeb Protanopia 1% of men
#b0abcd Deuteranopia 1% of men
#ec97a1 Tritanopia 0.001% of the population

Trichromacy

#ba9ee2 Protanomaly 1% of men, 0.01% of women
#c89dcf Deuteranomaly 6% of men, 0.4% of women
#ee91b4 Tritanomaly 0.01% of the population

#f286d4 hex color

#f286d4 Color Information

#f286d4 Color Conversion

Color Schemes with #f286d4

Alternatives to #f286d4

#f286d4 Preview

Shades and Tints of #f286d4

Tones of #f286d4

Color Blindness Simulator