#f036fd hex color

In a RGB color space, hex #f036fd is composed of 94.1% red, 21.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 78.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.1 degrees, a saturation of 98% and a lightness of 60.2%. #f036fd color hex could be obtained by blending #ff6cff with #e100fb. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 94
- G 21
- B 99
RGB color chart
- C 5
- M 79
- Y 0
- K 1
CMYK color chart

● #f036fd color description : Bright magenta.

The hexadecimal color #f036fd has RGB values of R:240, G:54, B:253 and CMYK values of C:0.05, M:0.79, Y:0, K:0.01. Its decimal value is 15742717.

Hex triplet	f036fd	`#f036fd`
RGB Decimal	240, 54, 253	`rgb(240,54,253)`
RGB Percent	94.1, 21.2, 99.2	`rgb(94.1%,21.2%,99.2%)`
CMYK	5, 79, 0, 1
HSL	296.1°, 98, 60.2	`hsl(296.1,98%,60.2%)`
HSV (or HSB)	296.1°, 78.7, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.122, 88.501, -60.188
XYZ	54.982, 28.259, 95.482
xyY	0.308, 0.158, 28.259
CIE-LCH	60.122, 107.028, 325.781
CIE-LUV	60.122, 69.978, -106.307
Hunter-Lab	53.159, 91.595, -69.283
Binary	11110000, 00110110, 11111101

#f036fd
```
#f036fd rgb(240,54,253)
```
#43fd36
```
#43fd36 rgb(67,253,54)
```

Complementary Color

#8d36fd
```
#8d36fd rgb(141,54,253)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#fd36a7
```
#fd36a7 rgb(253,54,167)
```

Analogous Color

#36fd8d
```
#36fd8d rgb(54,253,141)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#a7fd36
```
#a7fd36 rgb(167,253,54)
```

Split Complementary Color

#36fdf0
```
#36fdf0 rgb(54,253,240)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#fdf036
```
#fdf036 rgb(253,240,54)
```

Triadic Color

#3643fd
```
#3643fd rgb(54,67,253)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#fdf036
```
#fdf036 rgb(253,240,54)
```
#43fd36
```
#43fd36 rgb(67,253,54)
```

Tetradic Color

#d502e4
```
#d502e4 rgb(213,2,228)
```
#ec04fc
```
#ec04fc rgb(236,4,252)
```
#ee1dfd
```
#ee1dfd rgb(238,29,253)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#f24ffd
```
#f24ffd rgb(242,79,253)
```
#f468fe
```
#f468fe rgb(244,104,254)
```
#f682fe
```
#f682fe rgb(246,130,254)
```

Monochromatic Color

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

#be36fd
```
#be36fd rgb(190,54,253)
```
#cf36fd
```
#cf36fd rgb(207,54,253)
```
#df36fd
```
#df36fd rgb(223,54,253)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#fd36f9
```
#fd36f9 rgb(253,54,249)
```
#fd36e9
```
#fd36e9 rgb(253,54,233)
```
#fd36d8
```
#fd36d8 rgb(253,54,216)
```

Similar Colors

Text with hexadecimal color #f036fd

This text has a font color of #f036fd.

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

#f036fd background color

This paragraph has a background color of #f036fd.

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

#f036fd border color

This element has a border color of #f036fd.

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

CSS codes

.text {color:#f036fd;}

.background {background-color:#f036fd;}

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

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

#0c000d
```
#0c000d rgb(12,0,13)
```
#1e0020
```
#1e0020 rgb(30,0,32)
```
#300133
```
#300133 rgb(48,1,51)
```
#420147
```
#420147 rgb(66,1,71)
```
#54015a
```
#54015a rgb(84,1,90)
```
#67016e
```
#67016e rgb(103,1,110)
```
#790181
```
#790181 rgb(121,1,129)
```
#8b0195
```
#8b0195 rgb(139,1,149)
```
#9d02a8
```
#9d02a8 rgb(157,2,168)
```
#af02bb
```
#af02bb rgb(175,2,187)
```
#c102cf
```
#c102cf rgb(193,2,207)
```
#d402e2
```
#d402e2 rgb(212,2,226)
```
#e602f6
```
#e602f6 rgb(230,2,246)
```

Shade Color Variation

#ed0ffd
```
#ed0ffd rgb(237,15,253)
```
#ef23fd
```
#ef23fd rgb(239,35,253)
```
#f036fd
```
#f036fd rgb(240,54,253)
```
#f149fd
```
#f149fd rgb(241,73,253)
```
#f35dfd
```
#f35dfd rgb(243,93,253)
```
#f470fe
```
#f470fe rgb(244,112,254)
```
#f684fe
```
#f684fe rgb(246,132,254)
```
#f797fe
```
#f797fe rgb(247,151,254)
```
#f9abfe
```
#f9abfe rgb(249,171,254)
```
#fabefe
```
#fabefe rgb(250,190,254)
```
#fcd1ff
```
#fcd1ff rgb(252,209,255)
```
#fde5ff
```
#fde5ff rgb(253,229,255)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#9f949f
```
#9f949f rgb(159,148,159)
```
#a58ca7
```
#a58ca7 rgb(165,140,167)
```
#ac84af
```
#ac84af rgb(172,132,175)
```
#b37cb7
```
#b37cb7 rgb(179,124,183)
```
#ba74bf
```
#ba74bf rgb(186,116,191)
```
#c06dc6
```
#c06dc6 rgb(192,109,198)
```
#c765ce
```
#c765ce rgb(199,101,206)
```
#ce5dd6
```
#ce5dd6 rgb(206,93,214)
```
#d555de
```
#d555de rgb(213,85,222)
```
#dc4de6
```
#dc4de6 rgb(220,77,230)
```
#e246ed
```
#e246ed rgb(226,70,237)
```
#e93ef5
```
#e93ef5 rgb(233,62,245)
```
#f036fd
```
#f036fd rgb(240,54,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9a749c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b93ff Protanopia 1% of men
#6297e7 Deuteranopia 1% of men
#df767e Tritanopia 0.001% of the population

Trichromacy

#9171fe Protanomaly 1% of men, 0.01% of women
#9573ef Deuteranomaly 6% of men, 0.4% of women
#e55fac Tritanomaly 0.01% of the population

#f036fd hex color

#f036fd Color Information

#f036fd Color Conversion

Color Schemes with #f036fd

Alternatives to #f036fd

#f036fd Preview

Shades and Tints of #f036fd

Tones of #f036fd

Color Blindness Simulator