#f286fd hex color

In a RGB color space, hex #f286fd is composed of 94.9% red, 52.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 47% magenta, 0% yellow and 0.8% black. It has a hue angle of 294.5 degrees, a saturation of 96.7% and a lightness of 75.9%. #f286fd color hex could be obtained by blending #ffffff with #e50dfb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 95
- G 53
- B 99
RGB color chart
- C 4
- M 47
- Y 0
- K 1
CMYK color chart

● #f286fd color description : Soft magenta.

The hexadecimal color #f286fd has RGB values of R:242, G:134, B:253 and CMYK values of C:0.04, M:0.47, Y:0, K:0.01. Its decimal value is 15894269.

Hex triplet	f286fd	`#f286fd`
RGB Decimal	242, 134, 253	`rgb(242,134,253)`
RGB Percent	94.9, 52.5, 99.2	`rgb(94.9%,52.5%,99.2%)`
CMYK	4, 47, 0, 1
HSL	294.5°, 96.7, 75.9	`hsl(294.5,96.7%,75.9%)`
HSV (or HSB)	294.5°, 47, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	71.57, 58.196, -42.063
XYZ	62.871, 43.022, 97.916
xyY	0.308, 0.211, 43.022
CIE-LCH	71.57, 71.806, 324.141
CIE-LUV	71.57, 49.456, -76.192
Hunter-Lab	65.591, 56.313, -42.595
Binary	11110010, 10000110, 11111101

#f286fd
```
#f286fd rgb(242,134,253)
```
#91fd86
```
#91fd86 rgb(145,253,134)
```

Complementary Color

#b786fd
```
#b786fd rgb(183,134,253)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#fd86cd
```
#fd86cd rgb(253,134,205)
```

Analogous Color

#86fdb7
```
#86fdb7 rgb(134,253,183)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#cdfd86
```
#cdfd86 rgb(205,253,134)
```

Split Complementary Color

#86fdf2
```
#86fdf2 rgb(134,253,242)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#fdf286
```
#fdf286 rgb(253,242,134)
```

Triadic Color

#8691fd
```
#8691fd rgb(134,145,253)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#fdf286
```
#fdf286 rgb(253,242,134)
```
#91fd86
```
#91fd86 rgb(145,253,134)
```

Tetradic Color

#ea3bfc
```
#ea3bfc rgb(234,59,252)
```
#ed54fc
```
#ed54fc rgb(237,84,252)
```
#ef6dfd
```
#ef6dfd rgb(239,109,253)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#f59ffd
```
#f59ffd rgb(245,159,253)
```
#f7b8fe
```
#f7b8fe rgb(247,184,254)
```
#fad1fe
```
#fad1fe rgb(250,209,254)
```

Monochromatic Color

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

#d486fd
```
#d486fd rgb(212,134,253)
```
#de86fd
```
#de86fd rgb(222,134,253)
```
#e886fd
```
#e886fd rgb(232,134,253)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#fc86fd
```
#fc86fd rgb(252,134,253)
```
#fd86f4
```
#fd86f4 rgb(253,134,244)
```
#fd86ea
```
#fd86ea rgb(253,134,234)
```

Similar Colors

Text with hexadecimal color #f286fd

This text has a font color of #f286fd.

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

#f286fd background color

This paragraph has a background color of #f286fd.

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

#f286fd border color

This element has a border color of #f286fd.

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

CSS codes

.text {color:#f286fd;}

.background {background-color:#f286fd;}

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

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

#0d000e
```
#0d000e rgb(13,0,14)
```
#1e0121
```
#1e0121 rgb(30,1,33)
```
#300135
```
#300135 rgb(48,1,53)
```
#410148
```
#410148 rgb(65,1,72)
```
#53025b
```
#53025b rgb(83,2,91)
```
#65026f
```
#65026f rgb(101,2,111)
```
#760282
```
#760282 rgb(118,2,130)
```
#880295
```
#880295 rgb(136,2,149)
```
#9903a8
```
#9903a8 rgb(153,3,168)
```
#ab03bc
```
#ab03bc rgb(171,3,188)
```
#bc03cf
```
#bc03cf rgb(188,3,207)
```
#ce04e2
```
#ce04e2 rgb(206,4,226)
```
#df04f6
```
#df04f6 rgb(223,4,246)
```

Shade Color Variation

#e612fb
```
#e612fb rgb(230,18,251)
```
#e826fb
```
#e826fb rgb(232,38,251)
```
#ea39fc
```
#ea39fc rgb(234,57,252)
```
#ec4cfc
```
#ec4cfc rgb(236,76,252)
```
#ee5ffc
```
#ee5ffc rgb(238,95,252)
```
#f073fd
```
#f073fd rgb(240,115,253)
```
#f286fd
```
#f286fd rgb(242,134,253)
```
#f499fd
```
#f499fd rgb(244,153,253)
```
#f6adfe
```
#f6adfe rgb(246,173,254)
```
#f8c0fe
```
#f8c0fe rgb(248,192,254)
```
#fad3fe
```
#fad3fe rgb(250,211,254)
```
#fce6ff
```
#fce6ff rgb(252,230,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#c4bfc4
```
#c4bfc4 rgb(196,191,196)
```
#c8bac9
```
#c8bac9 rgb(200,186,201)
```
#cbb5ce
```
#cbb5ce rgb(203,181,206)
```
#cfb1d2
```
#cfb1d2 rgb(207,177,210)
```
#d3acd7
```
#d3acd7 rgb(211,172,215)
```
#d7a7dc
```
#d7a7dc rgb(215,167,220)
```
#dba2e1
```
#dba2e1 rgb(219,162,225)
```
#df9ee5
```
#df9ee5 rgb(223,158,229)
```
#e399ea
```
#e399ea rgb(227,153,234)
```
#e694ef
```
#e694ef rgb(230,148,239)
```
#ea8ff4
```
#ea8ff4 rgb(234,143,244)
```
#ee8bf8
```
#ee8bf8 rgb(238,139,248)
```
#f286fd
```
#f286fd rgb(242,134,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c0abc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96b1ff Protanopia 1% of men
#9db1f1 Deuteranopia 1% of men
#e6a0ab Tritanopia 0.001% of the population

Trichromacy

#b7a1fe Protanomaly 1% of men, 0.01% of women
#bca1f5 Deuteranomaly 6% of men, 0.4% of women
#ea96c9 Tritanomaly 0.01% of the population

#f286fd hex color

#f286fd Color Information

#f286fd Color Conversion

Color Schemes with #f286fd

Alternatives to #f286fd

#f286fd Preview

Shades and Tints of #f286fd

Tones of #f286fd

Color Blindness Simulator