#f36bfd hex color

In a RGB color space, hex #f36bfd is composed of 95.3% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 295.9 degrees, a saturation of 97.3% and a lightness of 70.6%. #f36bfd color hex could be obtained by blending #ffd6ff with #e700fb. Closest websafe color is: #ff66ff.

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

● #f36bfd color description : Soft magenta.

The hexadecimal color #f36bfd has RGB values of R:243, G:107, B:253 and CMYK values of C:0.04, M:0.58, Y:0, K:0.01. Its decimal value is 15952893.

Hex triplet	f36bfd	`#f36bfd`
RGB Decimal	243, 107, 253	`rgb(243,107,253)`
RGB Percent	95.3, 42, 99.2	`rgb(95.3%,42%,99.2%)`
CMYK	4, 58, 0, 1
HSL	295.9°, 97.3, 70.6	`hsl(295.9,97.3%,70.6%)`
HSV (or HSB)	295.9°, 57.7, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.025, 70.928, -49.192
XYZ	59.948, 36.665, 96.843
xyY	0.31, 0.19, 36.665
CIE-LCH	67.025, 86.317, 325.257
CIE-LUV	67.025, 59.652, -88.762
Hunter-Lab	60.552, 70.755, -52.439
Binary	11110011, 01101011, 11111101

#f36bfd
```
#f36bfd rgb(243,107,253)
```
#75fd6b
```
#75fd6b rgb(117,253,107)
```

Complementary Color

#aa6bfd
```
#aa6bfd rgb(170,107,253)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#fd6bbe
```
#fd6bbe rgb(253,107,190)
```

Analogous Color

#6bfdaa
```
#6bfdaa rgb(107,253,170)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#befd6b
```
#befd6b rgb(190,253,107)
```

Split Complementary Color

#6bfdf3
```
#6bfdf3 rgb(107,253,243)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#fdf36b
```
#fdf36b rgb(253,243,107)
```

Triadic Color

#6b75fd
```
#6b75fd rgb(107,117,253)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#fdf36b
```
#fdf36b rgb(253,243,107)
```
#75fd6b
```
#75fd6b rgb(117,253,107)
```

Tetradic Color

#ed20fc
```
#ed20fc rgb(237,32,252)
```
#ef39fc
```
#ef39fc rgb(239,57,252)
```
#f152fd
```
#f152fd rgb(241,82,253)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#f584fd
```
#f584fd rgb(245,132,253)
```
#f79dfe
```
#f79dfe rgb(247,157,254)
```
#f9b6fe
```
#f9b6fe rgb(249,182,254)
```

Monochromatic Color

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

#cf6bfd
```
#cf6bfd rgb(207,107,253)
```
#db6bfd
```
#db6bfd rgb(219,107,253)
```
#e76bfd
```
#e76bfd rgb(231,107,253)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#fd6bfb
```
#fd6bfb rgb(253,107,251)
```
#fd6bef
```
#fd6bef rgb(253,107,239)
```
#fd6be3
```
#fd6be3 rgb(253,107,227)
```

Similar Colors

Text with hexadecimal color #f36bfd

This text has a font color of #f36bfd.

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

#f36bfd background color

This paragraph has a background color of #f36bfd.

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

#f36bfd border color

This element has a border color of #f36bfd.

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

CSS codes

.text {color:#f36bfd;}

.background {background-color:#f36bfd;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#18001a
```
#18001a rgb(24,0,26)
```
#2a012e
```
#2a012e rgb(42,1,46)
```
#3d0141
```
#3d0141 rgb(61,1,65)
```
#4f0154
```
#4f0154 rgb(79,1,84)
```
#610168
```
#610168 rgb(97,1,104)
```
#73027b
```
#73027b rgb(115,2,123)
```
#85028e
```
#85028e rgb(133,2,142)
```
#9702a2
```
#9702a2 rgb(151,2,162)
```
#a902b5
```
#a902b5 rgb(169,2,181)
```
#bb03c8
```
#bb03c8 rgb(187,3,200)
```
#cd03dc
```
#cd03dc rgb(205,3,220)
```
#df03ef
```
#df03ef rgb(223,3,239)
```

Shade Color Variation

#eb0afc
```
#eb0afc rgb(235,10,252)
```
#ed1efc
```
#ed1efc rgb(237,30,252)
```
#ee31fc
```
#ee31fc rgb(238,49,252)
```
#f044fc
```
#f044fc rgb(240,68,252)
```
#f158fd
```
#f158fd rgb(241,88,253)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```
#f57efd
```
#f57efd rgb(245,126,253)
```
#f692fe
```
#f692fe rgb(246,146,254)
```
#f8a5fe
```
#f8a5fe rgb(248,165,254)
```
#f9b8fe
```
#f9b8fe rgb(249,184,254)
```
#fbccfe
```
#fbccfe rgb(251,204,254)
```
#fcdfff
```
#fcdfff rgb(252,223,255)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#b7b0b8
```
#b7b0b8 rgb(183,176,184)
```
#bcaabe
```
#bcaabe rgb(188,170,190)
```
#c1a5c3
```
#c1a5c3 rgb(193,165,195)
```
#c69fc9
```
#c69fc9 rgb(198,159,201)
```
#cb99cf
```
#cb99cf rgb(203,153,207)
```
#d093d5
```
#d093d5 rgb(208,147,213)
```
#d58eda
```
#d58eda rgb(213,142,218)
```
#da88e0
```
#da88e0 rgb(218,136,224)
```
#df82e6
```
#df82e6 rgb(223,130,230)
```
#e47cec
```
#e47cec rgb(228,124,236)
```
#e977f1
```
#e977f1 rgb(233,119,241)
```
#ee71f7
```
#ee71f7 rgb(238,113,247)
```
#f36bfd
```
#f36bfd rgb(243,107,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b499b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a5ff Protanopia 1% of men
#87a6ed Deuteranopia 1% of men
#e58f99 Tritanopia 0.001% of the population

Trichromacy

#aa90fe Protanomaly 1% of men, 0.01% of women
#ae91f3 Deuteranomaly 6% of men, 0.4% of women
#ea82bd Tritanomaly 0.01% of the population

#f36bfd hex color

#f36bfd Color Information

#f36bfd Color Conversion

Color Schemes with #f36bfd

Alternatives to #f36bfd

#f36bfd Preview

Shades and Tints of #f36bfd

Tones of #f36bfd

Color Blindness Simulator