#f286dd hex color

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

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

● #f286dd color description : Very soft magenta.

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

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

CIE-LAB	70.281, 52.666, -26.508
XYZ	58.193, 41.151, 73.28
xyY	0.337, 0.238, 41.151
CIE-LCH	70.281, 58.961, 333.283
CIE-LUV	70.281, 56.789, -49.946
Hunter-Lab	64.149, 49.667, -22.826
Binary	11110010, 10000110, 11011101

#f286dd
```
#f286dd rgb(242,134,221)
```
#86f29b
```
#86f29b rgb(134,242,155)
```

Complementary Color

#d186f2
```
#d186f2 rgb(209,134,242)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#f286a7
```
#f286a7 rgb(242,134,167)
```

Analogous Color

#86f2d1
```
#86f2d1 rgb(134,242,209)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#a7f286
```
#a7f286 rgb(167,242,134)
```

Split Complementary Color

#86ddf2
```
#86ddf2 rgb(134,221,242)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#ddf286
```
#ddf286 rgb(221,242,134)
```

Triadic Color

#9b86f2
```
#9b86f2 rgb(155,134,242)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#ddf286
```
#ddf286 rgb(221,242,134)
```
#86f29b
```
#86f29b rgb(134,242,155)
```

Tetradic Color

#eb41ca
```
#eb41ca rgb(235,65,202)
```
#ed58d0
```
#ed58d0 rgb(237,88,208)
```
#f06fd7
```
#f06fd7 rgb(240,111,215)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#f49de3
```
#f49de3 rgb(244,157,227)
```
#f7b4ea
```
#f7b4ea rgb(247,180,234)
```
#f9cbf0
```
#f9cbf0 rgb(249,203,240)
```

Monochromatic Color

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

#ec86f2
```
#ec86f2 rgb(236,134,242)
```
#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)
```

Similar Colors

Text with hexadecimal color #f286dd

This text has a font color of #f286dd.

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

#f286dd background color

This paragraph has a background color of #f286dd.

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

#f286dd border color

This element has a border color of #f286dd.

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

CSS codes

.text {color:#f286dd;}

.background {background-color:#f286dd;}

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

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)
```
#260420
```
#260420 rgb(38,4,32)
```
#38062e
```
#38062e rgb(56,6,46)
```
#4a083d
```
#4a083d rgb(74,8,61)
```
#5c0a4c
```
#5c0a4c rgb(92,10,76)
```
#6d0c5a
```
#6d0c5a rgb(109,12,90)
```
#7f0e69
```
#7f0e69 rgb(127,14,105)
```
#911078
```
#911078 rgb(145,16,120)
```
#a21186
```
#a21186 rgb(162,17,134)
```
#b41395
```
#b41395 rgb(180,19,149)
```
#c615a3
```
#c615a3 rgb(198,21,163)
```
#d817b2
```
#d817b2 rgb(216,23,178)
```

Shade Color Variation

#e71cbf
```
#e71cbf rgb(231,28,191)
```
#e82dc4
```
#e82dc4 rgb(232,45,196)
```
#ea3fc9
```
#ea3fc9 rgb(234,63,201)
```
#ec51ce
```
#ec51ce rgb(236,81,206)
```
#ee63d3
```
#ee63d3 rgb(238,99,211)
```
#f074d8
```
#f074d8 rgb(240,116,216)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#f498e2
```
#f498e2 rgb(244,152,226)
```
#f6a9e7
```
#f6a9e7 rgb(246,169,231)
```
#f8bbec
```
#f8bbec rgb(248,187,236)
```
#facdf1
```
#facdf1 rgb(250,205,241)
```
#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, #bebabe is the less saturated color, while #fc7ce3 is the most saturated one.

#bebabe
```
#bebabe rgb(190,186,190)
```
#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)
```
#e395d4
```
#e395d4 rgb(227,149,212)
```
#e890d7
```
#e890d7 rgb(232,144,215)
```
#ed8bda
```
#ed8bda rgb(237,139,218)
```
#f286dd
```
#f286dd rgb(242,134,221)
```
#f781e0
```
#f781e0 rgb(247,129,224)
```
#fc7ce3
```
#fc7ce3 rgb(252,124,227)
```

Tone Color Variation

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

#97adf4 Protanopia 1% of men
#acacd5 Deuteranopia 1% of men
#ea99a3 Tritanopia 0.001% of the population

Trichromacy

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

#f286dd hex color

#f286dd Color Information

#f286dd Color Conversion

Color Schemes with #f286dd

Alternatives to #f286dd

#f286dd Preview

Shades and Tints of #f286dd

Tones of #f286dd

Color Blindness Simulator