#f45cfe hex color

In a RGB color space, hex #f45cfe is composed of 95.7% red, 36.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 63.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 296.3 degrees, a saturation of 98.8% and a lightness of 67.8%. #f45cfe color hex could be obtained by blending #ffb8ff with #e900fd. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 36
- B 100
RGB color chart
- C 4
- M 64
- Y 0
- K 0
CMYK color chart

● #f45cfe color description : Soft magenta.

The hexadecimal color #f45cfe has RGB values of R:244, G:92, B:254 and CMYK values of C:0.04, M:0.64, Y:0, K:0. Its decimal value is 16014590.

Hex triplet	f45cfe	`#f45cfe`
RGB Decimal	244, 92, 254	`rgb(244,92,254)`
RGB Percent	95.7, 36.1, 99.6	`rgb(95.7%,36.1%,99.6%)`
CMYK	4, 64, 0, 0
HSL	296.3°, 98.8, 67.8	`hsl(296.3,98.8%,67.8%)`
HSV (or HSB)	296.3°, 63.8, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.999, 77.442, -52.936
XYZ	59.023, 34.046, 97.223
xyY	0.31, 0.179, 34.046
CIE-LCH	64.999, 93.806, 325.645
CIE-LUV	64.999, 64.426, -95.156
Hunter-Lab	58.349, 78.45, -57.946
Binary	11110100, 01011100, 11111110

#f45cfe
```
#f45cfe rgb(244,92,254)
```
#66fe5c
```
#66fe5c rgb(102,254,92)
```

Complementary Color

#a35cfe
```
#a35cfe rgb(163,92,254)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#fe5cb7
```
#fe5cb7 rgb(254,92,183)
```

Analogous Color

#5cfea3
```
#5cfea3 rgb(92,254,163)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#b7fe5c
```
#b7fe5c rgb(183,254,92)
```

Split Complementary Color

#5cfef4
```
#5cfef4 rgb(92,254,244)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#fef45c
```
#fef45c rgb(254,244,92)
```

Triadic Color

#5c66fe
```
#5c66fe rgb(92,102,254)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#fef45c
```
#fef45c rgb(254,244,92)
```
#66fe5c
```
#66fe5c rgb(102,254,92)
```

Tetradic Color

#ef10fe
```
#ef10fe rgb(239,16,254)
```
#f129fe
```
#f129fe rgb(241,41,254)
```
#f243fe
```
#f243fe rgb(242,67,254)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#f675fe
```
#f675fe rgb(246,117,254)
```
#f78ffe
```
#f78ffe rgb(247,143,254)
```
#f9a8fe
```
#f9a8fe rgb(249,168,254)
```

Monochromatic Color

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

#cc5cfe
```
#cc5cfe rgb(204,92,254)
```
#d95cfe
```
#d95cfe rgb(217,92,254)
```
#e75cfe
```
#e75cfe rgb(231,92,254)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#fe5cfb
```
#fe5cfb rgb(254,92,251)
```
#fe5ced
```
#fe5ced rgb(254,92,237)
```
#fe5ce0
```
#fe5ce0 rgb(254,92,224)
```

Similar Colors

Text with hexadecimal color #f45cfe

This text has a font color of #f45cfe.

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

#f45cfe background color

This paragraph has a background color of #f45cfe.

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

#f45cfe border color

This element has a border color of #f45cfe.

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

CSS codes

.text {color:#f45cfe;}

.background {background-color:#f45cfe;}

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

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

#0c000c
```
#0c000c rgb(12,0,12)
```
#1e0020
```
#1e0020 rgb(30,0,32)
```
#300033
```
#300033 rgb(48,0,51)
```
#430047
```
#430047 rgb(67,0,71)
```
#55015a
```
#55015a rgb(85,1,90)
```
#67016e
```
#67016e rgb(103,1,110)
```
#790181
```
#790181 rgb(121,1,129)
```
#8c0195
```
#8c0195 rgb(140,1,149)
```
#9e01a8
```
#9e01a8 rgb(158,1,168)
```
#b001bc
```
#b001bc rgb(176,1,188)
```
#c301cf
```
#c301cf rgb(195,1,207)
```
#d501e3
```
#d501e3 rgb(213,1,227)
```
#e702f6
```
#e702f6 rgb(231,2,246)
```

Shade Color Variation

#ef0efe
```
#ef0efe rgb(239,14,254)
```
#f022fe
```
#f022fe rgb(240,34,254)
```
#f135fe
```
#f135fe rgb(241,53,254)
```
#f349fe
```
#f349fe rgb(243,73,254)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```
#f56ffe
```
#f56ffe rgb(245,111,254)
```
#f783fe
```
#f783fe rgb(247,131,254)
```
#f896fe
```
#f896fe rgb(248,150,254)
```
#f9aafe
```
#f9aafe rgb(249,170,254)
```
#fbbdff
```
#fbbdff rgb(251,189,255)
```
#fcd1ff
```
#fcd1ff rgb(252,209,255)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#b2a8b2
```
#b2a8b2 rgb(178,168,178)
```
#b7a1b9
```
#b7a1b9 rgb(183,161,185)
```
#bd9bbf
```
#bd9bbf rgb(189,155,191)
```
#c295c5
```
#c295c5 rgb(194,149,197)
```
#c88ecc
```
#c88ecc rgb(200,142,204)
```
#cd88d2
```
#cd88d2 rgb(205,136,210)
```
#d382d8
```
#d382d8 rgb(211,130,216)
```
#d87cde
```
#d87cde rgb(216,124,222)
```
#de75e5
```
#de75e5 rgb(222,117,229)
```
#e36feb
```
#e36feb rgb(227,111,235)
```
#e969f1
```
#e969f1 rgb(233,105,241)
```
#ee62f8
```
#ee62f8 rgb(238,98,248)
```
#f45cfe
```
#f45cfe rgb(244,92,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ae8fb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77a0ff Protanopia 1% of men
#7ca2ec Deuteranopia 1% of men
#e58790 Tritanopia 0.001% of the population

Trichromacy

#a487fe Protanomaly 1% of men, 0.01% of women
#a888f3 Deuteranomaly 6% of men, 0.4% of women
#ea77b8 Tritanomaly 0.01% of the population

#f45cfe hex color

#f45cfe Color Information

#f45cfe Color Conversion

Color Schemes with #f45cfe

Alternatives to #f45cfe

#f45cfe Preview

Shades and Tints of #f45cfe

Tones of #f45cfe

Color Blindness Simulator