#f545f2 hex color

In a RGB color space, hex #f545f2 is composed of 96.1% red, 27.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 301 degrees, a saturation of 89.8% and a lightness of 61.6%. #f545f2 color hex could be obtained by blending #ff8aff with #eb00e5. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 96
- G 27
- B 95
RGB color chart
- C 0
- M 72
- Y 1
- K 4
CMYK color chart

● #f545f2 color description : Bright magenta.

The hexadecimal color #f545f2 has RGB values of R:245, G:69, B:242 and CMYK values of C:0, M:0.72, Y:0.01, K:0.04. Its decimal value is 16074226.

Hex triplet	f545f2	`#f545f2`
RGB Decimal	245, 69, 242	`rgb(245,69,242)`
RGB Percent	96.1, 27.1, 94.9	`rgb(96.1%,27.1%,94.9%)`
CMYK	0, 72, 1, 4
HSL	301°, 89.8, 61.6	`hsl(301,89.8%,61.6%)`
HSV (or HSB)	301°, 71.8, 96.1
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.726, 83.667, -51.483
XYZ	55.81, 30.083, 86.867
xyY	0.323, 0.174, 30.083
CIE-LCH	61.726, 98.238, 328.395
CIE-LUV	61.726, 74.601, -92.796
Hunter-Lab	54.848, 85.647, -55.508
Binary	11110101, 01000101, 11110010

#f545f2
```
#f545f2 rgb(245,69,242)
```
#45f548
```
#45f548 rgb(69,245,72)
```

Complementary Color

#a045f5
```
#a045f5 rgb(160,69,245)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#f5459a
```
#f5459a rgb(245,69,154)
```

Analogous Color

#45f5a0
```
#45f5a0 rgb(69,245,160)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#9af545
```
#9af545 rgb(154,245,69)
```

Split Complementary Color

#45f2f5
```
#45f2f5 rgb(69,242,245)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#f2f545
```
#f2f545 rgb(242,245,69)
```

Triadic Color

#4845f5
```
#4845f5 rgb(72,69,245)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#f2f545
```
#f2f545 rgb(242,245,69)
```
#45f548
```
#45f548 rgb(69,245,72)
```

Tetradic Color

#e10cde
```
#e10cde rgb(225,12,222)
```
#f215ef
```
#f215ef rgb(242,21,239)
```
#f42df0
```
#f42df0 rgb(244,45,240)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#f65df4
```
#f65df4 rgb(246,93,244)
```
#f875f5
```
#f875f5 rgb(248,117,245)
```
#f98ef7
```
#f98ef7 rgb(249,142,247)
```

Monochromatic Color

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

#cc45f5
```
#cc45f5 rgb(204,69,245)
```
#db45f5
```
#db45f5 rgb(219,69,245)
```
#e945f5
```
#e945f5 rgb(233,69,245)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#f545e3
```
#f545e3 rgb(245,69,227)
```
#f545d5
```
#f545d5 rgb(245,69,213)
```
#f545c6
```
#f545c6 rgb(245,69,198)
```

Similar Colors

Text with hexadecimal color #f545f2

This text has a font color of #f545f2.

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

#f545f2 background color

This paragraph has a background color of #f545f2.

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

#f545f2 border color

This element has a border color of #f545f2.

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

CSS codes

.text {color:#f545f2;}

.background {background-color:#f545f2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#130112
```
#130112 rgb(19,1,18)
```
#250225
```
#250225 rgb(37,2,37)
```
#380337
```
#380337 rgb(56,3,55)
```
#4b0449
```
#4b0449 rgb(75,4,73)
```
#5d055c
```
#5d055c rgb(93,5,92)
```
#70066e
```
#70066e rgb(112,6,110)
```
#820780
```
#820780 rgb(130,7,128)
```
#950893
```
#950893 rgb(149,8,147)
```
#a809a5
```
#a809a5 rgb(168,9,165)
```
#ba0ab7
```
#ba0ab7 rgb(186,10,183)
```
#cd0bca
```
#cd0bca rgb(205,11,202)
```
#e00cdc
```
#e00cdc rgb(224,12,220)
```

Shade Color Variation

#f20dee
```
#f20dee rgb(242,13,238)
```
#f320ef
```
#f320ef rgb(243,32,239)
```
#f432f1
```
#f432f1 rgb(244,50,241)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#f658f3
```
#f658f3 rgb(246,88,243)
```
#f76af5
```
#f76af5 rgb(247,106,245)
```
#f87df6
```
#f87df6 rgb(248,125,246)
```
#f98ff7
```
#f98ff7 rgb(249,143,247)
```
#faa2f9
```
#faa2f9 rgb(250,162,249)
```
#fbb5fa
```
#fbb5fa rgb(251,181,250)
```
#fcc7fb
```
#fcc7fb rgb(252,199,251)
```
#fddafc
```
#fddafc rgb(253,218,252)
```
#feedfe
```
#feedfe rgb(254,237,254)
```

Tint Color Variation

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

#a298a2
```
#a298a2 rgb(162,152,162)
```
#aa90a9
```
#aa90a9 rgb(170,144,169)
```
#b189b0
```
#b189b0 rgb(177,137,176)
```
#b981b8
```
#b981b8 rgb(185,129,184)
```
#c07abf
```
#c07abf rgb(192,122,191)
```
#c872c6
```
#c872c6 rgb(200,114,198)
```
#cf6bce
```
#cf6bce rgb(207,107,206)
```
#d763d5
```
#d763d5 rgb(215,99,213)
```
#de5cdc
```
#de5cdc rgb(222,92,220)
```
#e654e3
```
#e654e3 rgb(230,84,227)
```
#ed4deb
```
#ed4deb rgb(237,77,235)
```
#f545f2
```
#f545f2 rgb(245,69,242)
```
#fd3df9
```
#fd3df9 rgb(253,61,249)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a27fa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6597ff Protanopia 1% of men
#789adf Deuteranopia 1% of men
#e77880 Tritanopia 0.001% of the population

Trichromacy

#9979fa Protanomaly 1% of men, 0.01% of women
#a57be6 Deuteranomaly 6% of men, 0.4% of women
#ec65a9 Tritanomaly 0.01% of the population

#f545f2 hex color

#f545f2 Color Information

#f545f2 Color Conversion

Color Schemes with #f545f2

Alternatives to #f545f2

#f545f2 Preview

Shades and Tints of #f545f2

Tones of #f545f2

Color Blindness Simulator