#f534f6 hex color

In a RGB color space, hex #f534f6 is composed of 96.1% red, 20.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 78.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 299.7 degrees, a saturation of 91.5% and a lightness of 58.4%. #f534f6 color hex could be obtained by blending #ff68ff with #eb00ed. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 96
- G 20
- B 96
RGB color chart
- C 0
- M 79
- Y 0
- K 4
CMYK color chart

● #f534f6 color description : Bright magenta.

The hexadecimal color #f534f6 has RGB values of R:245, G:52, B:246 and CMYK values of C:0, M:0.79, Y:0, K:0.04. Its decimal value is 16069878.

Hex triplet	f534f6	`#f534f6`
RGB Decimal	245, 52, 246	`rgb(245,52,246)`
RGB Percent	96.1, 20.4, 96.5	`rgb(96.1%,20.4%,96.5%)`
CMYK	0, 79, 0, 4
HSL	299.7°, 91.5, 58.4	`hsl(299.7,91.5%,58.4%)`
HSV (or HSB)	299.7°, 78.9, 96.5
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.361, 88.817, -55.877
XYZ	55.518, 28.526, 89.766
xyY	0.319, 0.164, 28.526
CIE-LCH	60.361, 104.932, 327.825
CIE-LUV	60.361, 76.264, -99.856
Hunter-Lab	53.41, 92.078, -62.262
Binary	11110101, 00110100, 11110110

#f534f6
```
#f534f6 rgb(245,52,246)
```
#35f634
```
#35f634 rgb(53,246,52)
```

Complementary Color

#9434f6
```
#9434f6 rgb(148,52,246)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#f63496
```
#f63496 rgb(246,52,150)
```

Analogous Color

#34f694
```
#34f694 rgb(52,246,148)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#96f634
```
#96f634 rgb(150,246,52)
```

Split Complementary Color

#34f6f5
```
#34f6f5 rgb(52,246,245)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#f6f534
```
#f6f534 rgb(246,245,52)
```

Triadic Color

#3435f6
```
#3435f6 rgb(52,53,246)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#f6f534
```
#f6f534 rgb(246,245,52)
```
#35f634
```
#35f634 rgb(53,246,52)
```

Tetradic Color

#d309d4
```
#d309d4 rgb(211,9,212)
```
#eb0aed
```
#eb0aed rgb(235,10,237)
```
#f41cf5
```
#f41cf5 rgb(244,28,245)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#f64cf7
```
#f64cf7 rgb(246,76,247)
```
#f765f8
```
#f765f8 rgb(247,101,248)
```
#f97df9
```
#f97df9 rgb(249,125,249)
```

Monochromatic Color

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

#c534f6
```
#c534f6 rgb(197,52,246)
```
#d534f6
```
#d534f6 rgb(213,52,246)
```
#e534f6
```
#e534f6 rgb(229,52,246)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#f634e7
```
#f634e7 rgb(246,52,231)
```
#f634d7
```
#f634d7 rgb(246,52,215)
```
#f634c7
```
#f634c7 rgb(246,52,199)
```

Similar Colors

Text with hexadecimal color #f534f6

This text has a font color of #f534f6.

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

#f534f6 background color

This paragraph has a background color of #f534f6.

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

#f534f6 border color

This element has a border color of #f534f6.

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

CSS codes

.text {color:#f534f6;}

.background {background-color:#f534f6;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#160116
```
#160116 rgb(22,1,22)
```
#290229
```
#290229 rgb(41,2,41)
```
#3c033c
```
#3c033c rgb(60,3,60)
```
#4e034f
```
#4e034f rgb(78,3,79)
```
#610462
```
#610462 rgb(97,4,98)
```
#740574
```
#740574 rgb(116,5,116)
```
#860687
```
#860687 rgb(134,6,135)
```
#99079a
```
#99079a rgb(153,7,154)
```
#ac08ad
```
#ac08ad rgb(172,8,173)
```
#be08bf
```
#be08bf rgb(190,8,191)
```
#d109d2
```
#d109d2 rgb(209,9,210)
```
#e40ae5
```
#e40ae5 rgb(228,10,229)
```

Shade Color Variation

#f30ef4
```
#f30ef4 rgb(243,14,244)
```
#f421f5
```
#f421f5 rgb(244,33,245)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#f647f7
```
#f647f7 rgb(246,71,247)
```
#f75af8
```
#f75af8 rgb(247,90,248)
```
#f86cf8
```
#f86cf8 rgb(248,108,248)
```
#f97ff9
```
#f97ff9 rgb(249,127,249)
```
#fa92fa
```
#fa92fa rgb(250,146,250)
```
#fba5fb
```
#fba5fb rgb(251,165,251)
```
#fbb7fc
```
#fbb7fc rgb(251,183,252)
```
#fccafd
```
#fccafd rgb(252,202,253)
```
#fdddfd
```
#fdddfd rgb(253,221,253)
```
#fef0fe
```
#fef0fe rgb(254,240,254)
```

Tint Color Variation

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

#9c8e9c
```
#9c8e9c rgb(156,142,156)
```
#a486a4
```
#a486a4 rgb(164,134,164)
```
#ac7dad
```
#ac7dad rgb(172,125,173)
```
#b475b5
```
#b475b5 rgb(180,117,181)
```
#bd6dbd
```
#bd6dbd rgb(189,109,189)
```
#c565c5
```
#c565c5 rgb(197,101,197)
```
#cd5dcd
```
#cd5dcd rgb(205,93,205)
```
#d555d5
```
#d555d5 rgb(213,85,213)
```
#dd4cde
```
#dd4cde rgb(221,76,222)
```
#e544e6
```
#e544e6 rgb(229,68,230)
```
#ed3cee
```
#ed3cee rgb(237,60,238)
```
#f534f6
```
#f534f6 rgb(245,52,246)
```
#fd2cfe
```
#fd2cfe rgb(253,44,254)
```

Tone Color Variation

Below, you can see how #f534f6 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
#9b749b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d94ff Protanopia 1% of men
#6d97e1 Deuteranopia 1% of men
#e6737a Tritanopia 0.001% of the population

Trichromacy

#9471fb Protanomaly 1% of men, 0.01% of women
#9e73e8 Deuteranomaly 6% of men, 0.4% of women
#eb5ca7 Tritanomaly 0.01% of the population

#f534f6 hex color

#f534f6 Color Information

#f534f6 Color Conversion

Color Schemes with #f534f6

Alternatives to #f534f6

#f534f6 Preview

Shades and Tints of #f534f6

Tones of #f534f6

Color Blindness Simulator