#f545d2 hex color

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

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

● #f545d2 color description : Bright magenta.

The hexadecimal color #f545d2 has RGB values of R:245, G:69, B:210 and CMYK values of C:0, M:0.72, Y:0.14, K:0.04. Its decimal value is 16074194.

Hex triplet	f545d2	`#f545d2`
RGB Decimal	245, 69, 210	`rgb(245,69,210)`
RGB Percent	96.1, 27.1, 82.4	`rgb(96.1%,27.1%,82.4%)`
CMYK	0, 72, 14, 4
HSL	311.9°, 89.8, 61.6	`hsl(311.9,89.8%,61.6%)`
HSV (or HSB)	311.9°, 71.8, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.182, 79.034, -35.949
XYZ	51.417, 28.326, 63.729
xyY	0.358, 0.197, 28.326
CIE-LCH	60.182, 86.826, 335.541
CIE-LUV	60.182, 86.28, -67.604
Hunter-Lab	53.222, 79.308, -33.739
Binary	11110101, 01000101, 11010010

#f545d2
```
#f545d2 rgb(245,69,210)
```
#45f568
```
#45f568 rgb(69,245,104)
```

Complementary Color

#c045f5
```
#c045f5 rgb(192,69,245)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#f5457a
```
#f5457a rgb(245,69,122)
```

Analogous Color

#45f5c0
```
#45f5c0 rgb(69,245,192)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#7af545
```
#7af545 rgb(122,245,69)
```

Split Complementary Color

#45d2f5
```
#45d2f5 rgb(69,210,245)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#d2f545
```
#d2f545 rgb(210,245,69)
```

Triadic Color

#6845f5
```
#6845f5 rgb(104,69,245)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#d2f545
```
#d2f545 rgb(210,245,69)
```
#45f568
```
#45f568 rgb(69,245,104)
```

Tetradic Color

#e10cb7
```
#e10cb7 rgb(225,12,183)
```
#f215c6
```
#f215c6 rgb(242,21,198)
```
#f42dcc
```
#f42dcc rgb(244,45,204)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#f65dd8
```
#f65dd8 rgb(246,93,216)
```
#f875de
```
#f875de rgb(248,117,222)
```
#f98ee4
```
#f98ee4 rgb(249,142,228)
```

Monochromatic Color

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

#ec45f5
```
#ec45f5 rgb(236,69,245)
```
#f545ef
```
#f545ef rgb(245,69,239)
```
#f545e1
```
#f545e1 rgb(245,69,225)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#f545c3
```
#f545c3 rgb(245,69,195)
```
#f545b5
```
#f545b5 rgb(245,69,181)
```
#f545a6
```
#f545a6 rgb(245,69,166)
```

Similar Colors

Text with hexadecimal color #f545d2

This text has a font color of #f545d2.

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

#f545d2 background color

This paragraph has a background color of #f545d2.

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

#f545d2 border color

This element has a border color of #f545d2.

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

CSS codes

.text {color:#f545d2;}

.background {background-color:#f545d2;}

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

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 #feedfb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#13010f
```
#13010f rgb(19,1,15)
```
#25021e
```
#25021e rgb(37,2,30)
```
#38032d
```
#38032d rgb(56,3,45)
```
#4b043d
```
#4b043d rgb(75,4,61)
```
#5d054c
```
#5d054c rgb(93,5,76)
```
#70065b
```
#70065b rgb(112,6,91)
```
#82076a
```
#82076a rgb(130,7,106)
```
#950879
```
#950879 rgb(149,8,121)
```
#a80988
```
#a80988 rgb(168,9,136)
```
#ba0a97
```
#ba0a97 rgb(186,10,151)
```
#cd0ba6
```
#cd0ba6 rgb(205,11,166)
```
#e00cb5
```
#e00cb5 rgb(224,12,181)
```

Shade Color Variation

#f20dc4
```
#f20dc4 rgb(242,13,196)
```
#f320c9
```
#f320c9 rgb(243,32,201)
```
#f432cd
```
#f432cd rgb(244,50,205)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#f658d7
```
#f658d7 rgb(246,88,215)
```
#f76adb
```
#f76adb rgb(247,106,219)
```
#f87de0
```
#f87de0 rgb(248,125,224)
```
#f98fe4
```
#f98fe4 rgb(249,143,228)
```
#faa2e9
```
#faa2e9 rgb(250,162,233)
```
#fbb5ed
```
#fbb5ed rgb(251,181,237)
```
#fcc7f2
```
#fcc7f2 rgb(252,199,242)
```
#fddaf6
```
#fddaf6 rgb(253,218,246)
```
#feedfb
```
#feedfb rgb(254,237,251)
```

Tint Color Variation

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

#a298a0
```
#a298a0 rgb(162,152,160)
```
#aa90a5
```
#aa90a5 rgb(170,144,165)
```
#b189a9
```
#b189a9 rgb(177,137,169)
```
#b981ae
```
#b981ae rgb(185,129,174)
```
#c07ab2
```
#c07ab2 rgb(192,122,178)
```
#c872b7
```
#c872b7 rgb(200,114,183)
```
#cf6bbb
```
#cf6bbb rgb(207,107,187)
```
#d763c0
```
#d763c0 rgb(215,99,192)
```
#de5cc4
```
#de5cc4 rgb(222,92,196)
```
#e654c9
```
#e654c9 rgb(230,84,201)
```
#ed4dcd
```
#ed4dcd rgb(237,77,205)
```
#f545d2
```
#f545d2 rgb(245,69,210)
```
#fd3dd7
```
#fd3dd7 rgb(253,61,215)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9f7c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e93ff Protanopia 1% of men
#8a94c3 Deuteranopia 1% of men
#eb6e75 Tritanopia 0.001% of the population

Trichromacy

#9476ee Protanomaly 1% of men, 0.01% of women
#b177c9 Deuteranomaly 6% of men, 0.4% of women
#ef5f96 Tritanomaly 0.01% of the population

#f545d2 hex color

#f545d2 Color Information

#f545d2 Color Conversion

Color Schemes with #f545d2

Alternatives to #f545d2

#f545d2 Preview

Shades and Tints of #f545d2

Tones of #f545d2

Color Blindness Simulator