#f286dc hex color

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

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

● #f286dc color description : Very soft magenta.

The hexadecimal color #f286dc has RGB values of R:242, G:134, B:220 and CMYK values of C:0, M:0.45, Y:0.09, K:0.05. Its decimal value is 15894236.

Hex triplet	f286dc	`#f286dc`
RGB Decimal	242, 134, 220	`rgb(242,134,220)`
RGB Percent	94.9, 52.5, 86.3	`rgb(94.9%,52.5%,86.3%)`
CMYK	0, 45, 9, 5
HSL	312.2°, 80.6, 73.7	`hsl(312.2,80.6%,73.7%)`
HSV (or HSB)	312.2°, 44.6, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	70.244, 52.503, -26.013
XYZ	58.06, 41.098, 72.581
xyY	0.338, 0.239, 41.098
CIE-LCH	70.244, 58.593, 333.644
CIE-LUV	70.244, 57.021, -49.127
Hunter-Lab	64.107, 49.474, -22.251
Binary	11110010, 10000110, 11011100

#f286dc
```
#f286dc rgb(242,134,220)
```
#86f29c
```
#86f29c rgb(134,242,156)
```

Complementary Color

#d286f2
```
#d286f2 rgb(210,134,242)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#f286a6
```
#f286a6 rgb(242,134,166)
```

Analogous Color

#86f2d2
```
#86f2d2 rgb(134,242,210)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#a6f286
```
#a6f286 rgb(166,242,134)
```

Split Complementary Color

#86dcf2
```
#86dcf2 rgb(134,220,242)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#dcf286
```
#dcf286 rgb(220,242,134)
```

Triadic Color

#9c86f2
```
#9c86f2 rgb(156,134,242)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#dcf286
```
#dcf286 rgb(220,242,134)
```
#86f29c
```
#86f29c rgb(134,242,156)
```

Tetradic Color

#eb41c8
```
#eb41c8 rgb(235,65,200)
```
#ed58cf
```
#ed58cf rgb(237,88,207)
```
#f06fd5
```
#f06fd5 rgb(240,111,213)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#f49de3
```
#f49de3 rgb(244,157,227)
```
#f7b4e9
```
#f7b4e9 rgb(247,180,233)
```
#f9cbf0
```
#f9cbf0 rgb(249,203,240)
```

Monochromatic Color

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

#ed86f2
```
#ed86f2 rgb(237,134,242)
```
#f286ee
```
#f286ee rgb(242,134,238)
```
#f286e5
```
#f286e5 rgb(242,134,229)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#f286d3
```
#f286d3 rgb(242,134,211)
```
#f286ca
```
#f286ca rgb(242,134,202)
```
#f286c1
```
#f286c1 rgb(242,134,193)
```

Similar Colors

Text with hexadecimal color #f286dc

This text has a font color of #f286dc.

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

#f286dc background color

This paragraph has a background color of #f286dc.

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

#f286dc border color

This element has a border color of #f286dc.

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

CSS codes

.text {color:#f286dc;}

.background {background-color:#f286dc;}

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

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 #fdf0fb is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#150211
```
#150211 rgb(21,2,17)
```
#26041f
```
#26041f rgb(38,4,31)
```
#38062e
```
#38062e rgb(56,6,46)
```
#4a083c
```
#4a083c rgb(74,8,60)
```
#5c0a4b
```
#5c0a4b rgb(92,10,75)
```
#6d0c59
```
#6d0c59 rgb(109,12,89)
```
#7f0e68
```
#7f0e68 rgb(127,14,104)
```
#911076
```
#911076 rgb(145,16,118)
```
#a21185
```
#a21185 rgb(162,17,133)
```
#b41393
```
#b41393 rgb(180,19,147)
```
#c615a2
```
#c615a2 rgb(198,21,162)
```
#d817b0
```
#d817b0 rgb(216,23,176)
```

Shade Color Variation

#e71cbd
```
#e71cbd rgb(231,28,189)
```
#e82dc2
```
#e82dc2 rgb(232,45,194)
```
#ea3fc8
```
#ea3fc8 rgb(234,63,200)
```
#ec51cd
```
#ec51cd rgb(236,81,205)
```
#ee63d2
```
#ee63d2 rgb(238,99,210)
```
#f074d7
```
#f074d7 rgb(240,116,215)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#f498e1
```
#f498e1 rgb(244,152,225)
```
#f6a9e6
```
#f6a9e6 rgb(246,169,230)
```
#f8bbeb
```
#f8bbeb rgb(248,187,235)
```
#facdf0
```
#facdf0 rgb(250,205,240)
```
#fcdff6
```
#fcdff6 rgb(252,223,246)
```
#fdf0fb
```
#fdf0fb rgb(253,240,251)
```

Tint Color Variation

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

#bebabd
```
#bebabd rgb(190,186,189)
```
#c4b4c1
```
#c4b4c1 rgb(196,180,193)
```
#c9afc4
```
#c9afc4 rgb(201,175,196)
```
#ceaac7
```
#ceaac7 rgb(206,170,199)
```
#d3a5ca
```
#d3a5ca rgb(211,165,202)
```
#d8a0cd
```
#d8a0cd rgb(216,160,205)
```
#dd9bd0
```
#dd9bd0 rgb(221,155,208)
```
#e395d3
```
#e395d3 rgb(227,149,211)
```
#e890d6
```
#e890d6 rgb(232,144,214)
```
#ed8bd9
```
#ed8bd9 rgb(237,139,217)
```
#f286dc
```
#f286dc rgb(242,134,220)
```
#f781df
```
#f781df rgb(247,129,223)
```
#fc7ce2
```
#fc7ce2 rgb(252,124,226)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#bda8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98adf3 Protanopia 1% of men
#acacd4 Deuteranopia 1% of men
#eb99a3 Tritanopia 0.001% of the population

Trichromacy

#b89feb Protanomaly 1% of men, 0.01% of women
#c69ed7 Deuteranomaly 6% of men, 0.4% of women
#ed92b8 Tritanomaly 0.01% of the population

#f286dc hex color

#f286dc Color Information

#f286dc Color Conversion

Color Schemes with #f286dc

Alternatives to #f286dc

#f286dc Preview

Shades and Tints of #f286dc

Tones of #f286dc

Color Blindness Simulator