#f286f7 hex color

In a RGB color space, hex #f286f7 is composed of 94.9% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 297.3 degrees, a saturation of 87.6% and a lightness of 74.7%. #f286f7 color hex could be obtained by blending #ffffff with #e50def. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 53
- B 97
RGB color chart
- C 2
- M 46
- Y 0
- K 3
CMYK color chart

● #f286f7 color description : Soft magenta.

The hexadecimal color #f286f7 has RGB values of R:242, G:134, B:247 and CMYK values of C:0.02, M:0.46, Y:0, K:0.03. Its decimal value is 15894263.

Hex triplet	f286f7	`#f286f7`
RGB Decimal	242, 134, 247	`rgb(242,134,247)`
RGB Percent	94.9, 52.5, 96.9	`rgb(94.9%,52.5%,96.9%)`
CMYK	2, 46, 0, 3
HSL	297.3°, 87.6, 74.7	`hsl(297.3,87.6%,74.7%)`
HSV (or HSB)	297.3°, 45.7, 96.9
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	71.314, 57.116, -39.192
XYZ	61.93, 42.645, 92.96
xyY	0.314, 0.216, 42.645
CIE-LCH	71.314, 69.269, 325.543
CIE-LUV	71.314, 50.811, -71.284
Hunter-Lab	65.304, 54.997, -38.687
Binary	11110010, 10000110, 11110111

#f286f7
```
#f286f7 rgb(242,134,247)
```
#8bf786
```
#8bf786 rgb(139,247,134)
```

Complementary Color

#ba86f7
```
#ba86f7 rgb(186,134,247)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f786c4
```
#f786c4 rgb(247,134,196)
```

Analogous Color

#86f7ba
```
#86f7ba rgb(134,247,186)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#c4f786
```
#c4f786 rgb(196,247,134)
```

Split Complementary Color

#86f7f2
```
#86f7f2 rgb(134,247,242)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f7f286
```
#f7f286 rgb(247,242,134)
```

Triadic Color

#868bf7
```
#868bf7 rgb(134,139,247)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f7f286
```
#f7f286 rgb(247,242,134)
```
#8bf786
```
#8bf786 rgb(139,247,134)
```

Tetradic Color

#ea3ef2
```
#ea3ef2 rgb(234,62,242)
```
#ed56f4
```
#ed56f4 rgb(237,86,244)
```
#ef6ef5
```
#ef6ef5 rgb(239,110,245)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f59ef9
```
#f59ef9 rgb(245,158,249)
```
#f7b6fa
```
#f7b6fa rgb(247,182,250)
```
#facefc
```
#facefc rgb(250,206,252)
```

Monochromatic Color

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

#d686f7
```
#d686f7 rgb(214,134,247)
```
#df86f7
```
#df86f7 rgb(223,134,247)
```
#e986f7
```
#e986f7 rgb(233,134,247)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f786f3
```
#f786f3 rgb(247,134,243)
```
#f786e9
```
#f786e9 rgb(247,134,233)
```
#f786e0
```
#f786e0 rgb(247,134,224)
```

Similar Colors

Text with hexadecimal color #f286f7

This text has a font color of #f286f7.

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

#f286f7 background color

This paragraph has a background color of #f286f7.

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

#f286f7 border color

This element has a border color of #f286f7.

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

CSS codes

.text {color:#f286f7;}

.background {background-color:#f286f7;}

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

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

#070108
```
#070108 rgb(7,1,8)
```
#19021a
```
#19021a rgb(25,2,26)
```
#2b032d
```
#2b032d rgb(43,3,45)
```
#3c043f
```
#3c043f rgb(60,4,63)
```
#4e0551
```
#4e0551 rgb(78,5,81)
```
#600764
```
#600764 rgb(96,7,100)
```
#710876
```
#710876 rgb(113,8,118)
```
#830989
```
#830989 rgb(131,9,137)
```
#950a9b
```
#950a9b rgb(149,10,155)
```
#a60bad
```
#a60bad rgb(166,11,173)
```
#b80dc0
```
#b80dc0 rgb(184,13,192)
```
#c90ed2
```
#c90ed2 rgb(201,14,210)
```
#db0fe5
```
#db0fe5 rgb(219,15,229)
```

Shade Color Variation

#e618f0
```
#e618f0 rgb(230,24,240)
```
#e82af1
```
#e82af1 rgb(232,42,241)
```
#ea3cf2
```
#ea3cf2 rgb(234,60,242)
```
#ec4ff3
```
#ec4ff3 rgb(236,79,243)
```
#ee61f5
```
#ee61f5 rgb(238,97,245)
```
#f074f6
```
#f074f6 rgb(240,116,246)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f498f8
```
#f498f8 rgb(244,152,248)
```
#f6abf9
```
#f6abf9 rgb(246,171,249)
```
#f8bdfb
```
#f8bdfb rgb(248,189,251)
```
#fad0fc
```
#fad0fc rgb(250,208,252)
```
#fce2fd
```
#fce2fd rgb(252,226,253)
```
#fef4fe
```
#fef4fe rgb(254,244,254)
```

Tint Color Variation

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

#c0bdc0
```
#c0bdc0 rgb(192,189,192)
```
#c5b8c5
```
#c5b8c5 rgb(197,184,197)
```
#c9b3ca
```
#c9b3ca rgb(201,179,202)
```
#ceaecf
```
#ceaecf rgb(206,174,207)
```
#d2a9d4
```
#d2a9d4 rgb(210,169,212)
```
#d7a4d9
```
#d7a4d9 rgb(215,164,217)
```
#db9fde
```
#db9fde rgb(219,159,222)
```
#e09ae3
```
#e09ae3 rgb(224,154,227)
```
#e495e8
```
#e495e8 rgb(228,149,232)
```
#e990ed
```
#e990ed rgb(233,144,237)
```
#ed8bf2
```
#ed8bf2 rgb(237,139,242)
```
#f286f7
```
#f286f7 rgb(242,134,247)
```
#f781fc
```
#f781fc rgb(247,129,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c0aac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95b0ff Protanopia 1% of men
#a0b0ec Deuteranopia 1% of men
#e79faa Tritanopia 0.001% of the population

Trichromacy

#b7a0fc Protanomaly 1% of men, 0.01% of women
#bea1f0 Deuteranomaly 6% of men, 0.4% of women
#eb96c6 Tritanomaly 0.01% of the population

#f286f7 hex color

#f286f7 Color Information

#f286f7 Color Conversion

Color Schemes with #f286f7

Alternatives to #f286f7

#f286f7 Preview

Shades and Tints of #f286f7

Tones of #f286f7

Color Blindness Simulator