#f536e2 hex color

In a RGB color space, hex #f536e2 is composed of 96.1% red, 21.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78% magenta, 7.8% yellow and 3.9% black. It has a hue angle of 306 degrees, a saturation of 90.5% and a lightness of 58.6%. #f536e2 color hex could be obtained by blending #ff6cff with #eb00c5. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 21
- B 89
RGB color chart
- C 0
- M 78
- Y 8
- K 4
CMYK color chart

● #f536e2 color description : Bright magenta.

The hexadecimal color #f536e2 has RGB values of R:245, G:54, B:226 and CMYK values of C:0, M:0.78, Y:0.08, K:0.04. Its decimal value is 16070370.

Hex triplet	f536e2	`#f536e2`
RGB Decimal	245, 54, 226	`rgb(245,54,226)`
RGB Percent	96.1, 21.2, 88.6	`rgb(96.1%,21.2%,88.6%)`
CMYK	0, 78, 8, 4
HSL	306°, 90.5, 58.6	`hsl(306,90.5%,58.6%)`
HSV (or HSB)	306°, 78, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.476, 85.444, -46.096
XYZ	52.702, 27.546, 74.489
xyY	0.341, 0.178, 27.546
CIE-LCH	59.476, 97.085, 331.653
CIE-LUV	59.476, 83.479, -84.052
Hunter-Lab	52.484, 87.395, -47.409
Binary	11110101, 00110110, 11100010

#f536e2
```
#f536e2 rgb(245,54,226)
```
#36f549
```
#36f549 rgb(54,245,73)
```

Complementary Color

#a936f5
```
#a936f5 rgb(169,54,245)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#f53683
```
#f53683 rgb(245,54,131)
```

Analogous Color

#36f5a9
```
#36f5a9 rgb(54,245,169)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#83f536
```
#83f536 rgb(131,245,54)
```

Split Complementary Color

#36e2f5
```
#36e2f5 rgb(54,226,245)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#e2f536
```
#e2f536 rgb(226,245,54)
```

Triadic Color

#4936f5
```
#4936f5 rgb(73,54,245)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#e2f536
```
#e2f536 rgb(226,245,54)
```
#36f549
```
#36f549 rgb(54,245,73)
```

Tetradic Color

#d40bc0
```
#d40bc0 rgb(212,11,192)
```
#ec0cd6
```
#ec0cd6 rgb(236,12,214)
```
#f41ede
```
#f41ede rgb(244,30,222)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#f64ee6
```
#f64ee6 rgb(246,78,230)
```
#f767e9
```
#f767e9 rgb(247,103,233)
```
#f97fed
```
#f97fed rgb(249,127,237)
```

Monochromatic Color

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

#d836f5
```
#d836f5 rgb(216,54,245)
```
#e836f5
```
#e836f5 rgb(232,54,245)
```
#f536f2
```
#f536f2 rgb(245,54,242)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#f536d2
```
#f536d2 rgb(245,54,210)
```
#f536c2
```
#f536c2 rgb(245,54,194)
```
#f536b2
```
#f536b2 rgb(245,54,178)
```

Similar Colors

Text with hexadecimal color #f536e2

This text has a font color of #f536e2.

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

#f536e2 background color

This paragraph has a background color of #f536e2.

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

#f536e2 border color

This element has a border color of #f536e2.

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

CSS codes

.text {color:#f536e2;}

.background {background-color:#f536e2;}

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

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

#050004
```
#050004 rgb(5,0,4)
```
#170115
```
#170115 rgb(23,1,21)
```
#2a0226
```
#2a0226 rgb(42,2,38)
```
#3d0337
```
#3d0337 rgb(61,3,55)
```
#4f0448
```
#4f0448 rgb(79,4,72)
```
#620559
```
#620559 rgb(98,5,89)
```
#75066a
```
#75066a rgb(117,6,106)
```
#87077b
```
#87077b rgb(135,7,123)
```
#9a088b
```
#9a088b rgb(154,8,139)
```
#ad099c
```
#ad099c rgb(173,9,156)
```
#bf0aad
```
#bf0aad rgb(191,10,173)
```
#d20abe
```
#d20abe rgb(210,10,190)
```
#e50bcf
```
#e50bcf rgb(229,11,207)
```

Shade Color Variation

#f311dd
```
#f311dd rgb(243,17,221)
```
#f423df
```
#f423df rgb(244,35,223)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#f649e5
```
#f649e5 rgb(246,73,229)
```
#f75be7
```
#f75be7 rgb(247,91,231)
```
#f86eea
```
#f86eea rgb(248,110,234)
```
#f981ed
```
#f981ed rgb(249,129,237)
```
#fa93ef
```
#fa93ef rgb(250,147,239)
```
#fba6f2
```
#fba6f2 rgb(251,166,242)
```
#fcb9f5
```
#fcb9f5 rgb(252,185,245)
```
#fccbf8
```
#fccbf8 rgb(252,203,248)
```
#fddefa
```
#fddefa rgb(253,222,250)
```
#fef1fd
```
#fef1fd rgb(254,241,253)
```

Tint Color Variation

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

#9c8f9a
```
#9c8f9a rgb(156,143,154)
```
#a487a1
```
#a487a1 rgb(164,135,161)
```
#ac7fa7
```
#ac7fa7 rgb(172,127,167)
```
#b477ae
```
#b477ae rgb(180,119,174)
```
#bc6fb4
```
#bc6fb4 rgb(188,111,180)
```
#c467bb
```
#c467bb rgb(196,103,187)
```
#cc5fc1
```
#cc5fc1 rgb(204,95,193)
```
#d556c8
```
#d556c8 rgb(213,86,200)
```
#dd4ece
```
#dd4ece rgb(221,78,206)
```
#e546d5
```
#e546d5 rgb(229,70,213)
```
#ed3edb
```
#ed3edb rgb(237,62,219)
```
#f536e2
```
#f536e2 rgb(245,54,226)
```
#fd2ee9
```
#fd2ee9 rgb(253,46,233)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9a7496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5891ff Protanopia 1% of men
#7b93d0 Deuteranopia 1% of men
#e96d73 Tritanopia 0.001% of the population

Trichromacy

#9170f4 Protanomaly 1% of men, 0.01% of women
#a771d6 Deuteranomaly 6% of men, 0.4% of women
#ed599b Tritanomaly 0.01% of the population

#f536e2 hex color

#f536e2 Color Information

#f536e2 Color Conversion

Color Schemes with #f536e2

Alternatives to #f536e2

#f536e2 Preview

Shades and Tints of #f536e2

Tones of #f536e2

Color Blindness Simulator